一个页面中有多个audio标签,其中一个播放结束后自动播放下一个,audio连续播放
一个页面中有多个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连续播放相关推荐
- audio标签有的浏览器不支持音乐自动播放
audio标签有的浏览器不支持音乐自动播放 H5中的audio标签有的IOS设备和安卓设备不支持自动播放,也就是不支持autoplay属性,并且,这些浏览器只支持用户click点击事件触发audio. ...
- 一个页面同时使用两个video标签自动播放在各个移动端浏览器存在的问题
双video标签(一个为背景,一个屏幕居中展示)在各大浏览器中存在的问题: 移动端 一.安卓端: 1.华为自带浏览器:两个视频可以同时自动播放,但自动播放时默认都是静音播放. 2.百度浏览器:上方视频 ...
- 点击android搜索框跳入另一个页面,android - ToolBar中的SearchView如何让点击之后跳转到一个新的Activity...
PHP中文网2017-04-17 13:08:302楼 @李引证 的回答包括了关键信息,我来补充一些细节,及纠正几个细节上的错误. 关于"菜单项的点击事件" 我们需要覆写 onCr ...
- PPT播完最后一个动画后自动进入下一页
很多时候,我们都希望ppt在播放完最后一个动画(通常是退出动画)后自动切换到下一页,紧接着播放下一页的元素进入动画,这样上一页的退出和下一页的进入就连成了一个整体,我们只需要点击一下鼠标即可.网上很多 ...
- 循环结束后变回去 设置一个值_VBA掌握循环结构,包你效率提高500倍
这是系列免费教程<Excel VBA:办公自动化>,还是老规矩,看看我们走到哪里了. 1.认识VBA:什么是VBA? 2.这些掌握了,你才敢说自己懂VBA 3.VBA变量5年踩坑吐血精华总 ...
- php 数组指向下一个值,比较数组值并根据自定义值(PHP)在数组中查找下一个值 - php...
我正在尝试比较数组中的值,然后根据所选值在数组中选择下一个值. 例如 array(05:11,05:21,05:24,05:31,05:34,05:41,05:44,05:50,05:54); 如果搜 ...
- 抖音助手,帮您自动切换下一个视频
我发现了一个抖音自动下一个播放视频的辅助软件,很方便,不用自己手动滑动到下一个视频去播放.而且遇到长视频也会自动等待视频播放完毕再切换下一个.确实方便啊. 尤其是开车手机放到那,不用看,想听听抖音的歌 ...
- 安卓一个页面设置另一个页面的文本样式_H1标签对于SEO有多重要?页面要不要用H1标签呢?...
了解H1标签对当今SEO的重要性.这是页面标题的含义以及搜索引擎如何查看它们. 简而言之,H1标头标记很重要. 但这不只是确保我们在网页上使用H1甚至是如何使用它们. 它实际上是在了解H1是什么(按现 ...
- a标签跳到另一个页面指定选项卡_HTML常用标签
本篇文章主要是对a.img和table标签用法介绍: a标签:可称为锚元素,主要功能是创建通向其他网页.文件.同一页面的其他位置.电子邮件地址或其他任何url地址的超链接: 1. img标签:发出ge ...
- android传递布局到下个页面,浅入浅出Android(017):当前Activity向下一个Activity切换,并传递数据...
1.建立项目MyApplication 2.右击"res/layout"目录,创建一个新的空白Activity 新的activity,名称为MyActivity2. 3.修改布局文 ...
最新文章
- python输入一个整数倒序输出_利用Python实现倒序任意整数
- 带电可擦写可编程只读存储器(24LC08B)的基本原理
- 关于comparable与comparator的用法(即自定义集合框架用法 )
- 软件定义闪存:加速闪存规模化应用
- NYOJ -123 士兵杀敌(四)
- win10系统:VMware无法在Windows运行该怎么办?
- docker下的mysql my.ini_docker部署mysql启动失败
- python面试题之Fibonacci数列
- Python:assert基本用法
- HDU 3341 Lost's revenge (AC自动机 + DP + 变进制/hash)题解
- Ansys-自适应网格划分-受压薄板学习收获
- linux 开源网卡驱动,AMDGPU linux开源驱动
- 2014-10-18 多玩初面
- 任天堂如何通过旧技术赢得胜利
- 用flutter写一个抖音是什么体验?
- Excel中对合并单元格后不同行数对应数据处理的三种特技
- xio you c语言程序设计入门——基本数据类型
- RH850从0搭建Autosar开发环境【1】- 如何创建Davinci Configurator配置工程
- 解决 jack server is not running
- Samba文件服务器
热门文章
- Elasticsearch:深入理解 Dissect ingest processor
- 侧脸生成正脸概论与精析
- vue-$nextTick-等待页面渲染完毕的回调
- ios+手机壳+瞬间切换android,不只是双卡双待,这个手机壳能让你的 iPhone 运行 iOS + Android 双系统...
- 字体图标和变形 transform属性的使用
- 多元线性方程的几种解法
- _CRT_SECURE_NO_DEPRECATE
- STEP2——《数据分析:企业的贤内助》重点摘要笔记(五)——数据加工
- 如何编辑运行HTML网页文件(HTML编辑工具使用介绍)
- win10msmpeng占内存_win10内存占用率太高怎么办