一个页面中有多个audio标签时,随机点击一个开始播放,当播放完成时自动播放下一个audio的音乐。

var audios = document.getElementsByTagName("audio");
for(var i=0;i<audios.length;i++){//console.log("audios "+i+"  SRC:" + audios[i].currentSrc);audios[i].addEventListener('ended', function () {var nextAudio = this.nextSibling.nextSibling;if(nextAudio.tagName == "AUDIO"){nextAudio.play();}}, false);
}

一个页面中有多个audio标签,其中一个播放结束后自动播放下一个,audio连续播放相关推荐

  1. audio标签有的浏览器不支持音乐自动播放

    audio标签有的浏览器不支持音乐自动播放 H5中的audio标签有的IOS设备和安卓设备不支持自动播放,也就是不支持autoplay属性,并且,这些浏览器只支持用户click点击事件触发audio. ...

  2. 一个页面同时使用两个video标签自动播放在各个移动端浏览器存在的问题

    双video标签(一个为背景,一个屏幕居中展示)在各大浏览器中存在的问题: 移动端 一.安卓端: 1.华为自带浏览器:两个视频可以同时自动播放,但自动播放时默认都是静音播放. 2.百度浏览器:上方视频 ...

  3. 点击android搜索框跳入另一个页面,android - ToolBar中的SearchView如何让点击之后跳转到一个新的Activity...

    PHP中文网2017-04-17 13:08:302楼 @李引证 的回答包括了关键信息,我来补充一些细节,及纠正几个细节上的错误. 关于"菜单项的点击事件" 我们需要覆写 onCr ...

  4. PPT播完最后一个动画后自动进入下一页

    很多时候,我们都希望ppt在播放完最后一个动画(通常是退出动画)后自动切换到下一页,紧接着播放下一页的元素进入动画,这样上一页的退出和下一页的进入就连成了一个整体,我们只需要点击一下鼠标即可.网上很多 ...

  5. 循环结束后变回去 设置一个值_VBA掌握循环结构,包你效率提高500倍

    这是系列免费教程<Excel VBA:办公自动化>,还是老规矩,看看我们走到哪里了. 1.认识VBA:什么是VBA? 2.这些掌握了,你才敢说自己懂VBA 3.VBA变量5年踩坑吐血精华总 ...

  6. php 数组指向下一个值,比较数组值并根据自定义值(PHP)在数组中查找下一个值 - php...

    我正在尝试比较数组中的值,然后根据所选值在数组中选择下一个值. 例如 array(05:11,05:21,05:24,05:31,05:34,05:41,05:44,05:50,05:54); 如果搜 ...

  7. 抖音助手,帮您自动切换下一个视频

    我发现了一个抖音自动下一个播放视频的辅助软件,很方便,不用自己手动滑动到下一个视频去播放.而且遇到长视频也会自动等待视频播放完毕再切换下一个.确实方便啊. 尤其是开车手机放到那,不用看,想听听抖音的歌 ...

  8. 安卓一个页面设置另一个页面的文本样式_H1标签对于SEO有多重要?页面要不要用H1标签呢?...

    了解H1标签对当今SEO的重要性.这是页面标题的含义以及搜索引擎如何查看它们. 简而言之,H1标头标记很重要. 但这不只是确保我们在网页上使用H1甚至是如何使用它们. 它实际上是在了解H1是什么(按现 ...

  9. a标签跳到另一个页面指定选项卡_HTML常用标签

    本篇文章主要是对a.img和table标签用法介绍: a标签:可称为锚元素,主要功能是创建通向其他网页.文件.同一页面的其他位置.电子邮件地址或其他任何url地址的超链接: 1. img标签:发出ge ...

  10. android传递布局到下个页面,浅入浅出Android(017):当前Activity向下一个Activity切换,并传递数据...

    1.建立项目MyApplication 2.右击"res/layout"目录,创建一个新的空白Activity 新的activity,名称为MyActivity2. 3.修改布局文 ...

最新文章

  1. python输入一个整数倒序输出_利用Python实现倒序任意整数
  2. 带电可擦写可编程只读存储器(24LC08B)的基本原理
  3. 关于comparable与comparator的用法(即自定义集合框架用法 )
  4. 软件定义闪存:加速闪存规模化应用
  5. NYOJ -123 士兵杀敌(四)
  6. win10系统:VMware无法在Windows运行该怎么办?
  7. docker下的mysql my.ini_docker部署mysql启动失败
  8. python面试题之Fibonacci数列
  9. Python:assert基本用法
  10. HDU 3341 Lost's revenge (AC自动机 + DP + 变进制/hash)题解
  11. Ansys-自适应网格划分-受压薄板学习收获
  12. linux 开源网卡驱动,AMDGPU linux开源驱动
  13. 2014-10-18 多玩初面
  14. 任天堂如何通过旧技术赢得胜利
  15. 用flutter写一个抖音是什么体验?
  16. Excel中对合并单元格后不同行数对应数据处理的三种特技
  17. xio you c语言程序设计入门——基本数据类型
  18. RH850从0搭建Autosar开发环境【1】- 如何创建Davinci Configurator配置工程
  19. 解决 jack server is not running
  20. Samba文件服务器

热门文章

  1. Elasticsearch:深入理解 Dissect ingest processor
  2. 侧脸生成正脸概论与精析
  3. vue-$nextTick-等待页面渲染完毕的回调
  4. ios+手机壳+瞬间切换android,不只是双卡双待,这个手机壳能让你的 iPhone 运行 iOS + Android 双系统...
  5. 字体图标和变形 transform属性的使用
  6. 多元线性方程的几种解法
  7. _CRT_SECURE_NO_DEPRECATE
  8. STEP2——《数据分析:企业的贤内助》重点摘要笔记(五)——数据加工
  9. 如何编辑运行HTML网页文件(HTML编辑工具使用介绍)
  10. win10msmpeng占内存_win10内存占用率太高怎么办