audio标签的controls属性_HTML5教程 audio标签属性详解

本篇教程探讨了HTML5教程 audio标签属性详解，希望阅读本篇文章以后大家有所收获，帮助大家HTML5+CSS3从入门到精通。

src:String型，所播放音频的 url。

autoplay:值为autoplay，如果出现该属性，则音频在就绪后马上播放。

controls:值为controls，如果出现该属性，则向用户显示控件，比如播放按钮。

loop:值为loop，如果出现该属性，则每当音频结束时重新开始播放。

audio 有几个事件：

onended:当媒介已抵达结尾时运行脚本，也就是当前歌曲播放完了，这里的“媒介”是指audio标签。

onloadstart:当浏览器开始加载媒介数据时运行脚本。

onplay:当媒介数据将要开始播放时运行脚本。这里的“媒介数据”是指播放的文件。

onplaying:当媒介数据已开始播放时运行脚本。

onpause:当媒介数据暂停时运行脚本。

onerror:当加载媒介数据出错时运行的脚本。(w3school不是这样解释的)

本文由职坐标整理并发布，希望对同学们有所帮助。了解更多详情请关注职坐标WEB前端HTML5/CSS3频道！

audio标签的controls属性_HTML5教程 audio标签属性详解相关推荐

AndroidManifest.xml文件配置教程及相关指令详解
AndroidManifest.xml 是每个android程序中必须的文件,它位于整个项目的根目录.我们每天都在使用这个文件,往里面配置程序运行所必要的组件,权限,以及一些相关信息.但是对于这个文件 ...
html5离线存储图片,HTML5教程离线存储技术详解
本篇教程探讨了HTML5教程离线存储技术详解,希望阅读本篇文章以后大家有所收获,帮助大家HTML5+CSS3从入门到精通 . < 随着Web App的发展,越来越多的移动端App使用HTML5 ...
java正则表达式匹配次数_正则表达式教程之重复匹配详解
本文实例讲述了正则表达式教程之重复匹配.分享给大家供大家参考,具体如下: 注:在所有例子中正则表达式匹配结果包含在源文本中的[和]之间,有的例子会使用Java来实现,如果是java本身正则表达式的用法 ...
Nmap扫描教程之基础扫描详解
Nmap扫描教程之基础扫描详解 Nmap扫描基础扫描当用户对Nmap工具了解后,即可使用该工具实施扫描.通过上一章的介绍,用户可知Nmap工具可以分别对主机.端口.版本.操作系统等实施扫描.但是,在 ...
我的世界java版记分板_我的世界计分板教程计分板指令详解
我的世界计分板教程计分板指令详解.啊下面就给大家详细的介绍一下我的世界中的计分板吧!计分板的指令主要是objectives.players.teams.那下面就将这三个指令教程详细的分享一下吧!希望 ...
python动态类型的坑_python进阶教程之动态类型详解
动态类型(dynamic typing)是Python另一个重要的核心概念.我们之前说过,Python的变量(variable)不需要声明,而在赋值时,变量可以重新赋值为任意值.这些都与动态类型的概念 ...
javascript教程：console.log 详解
对应WEB程序员,console.log 可以说是神器,极大地方便了程序开发.程序猿:学习了,用Console写日志比alert方便多了. console.log(object[, object, . ...
get方法报空指针_C++基础教程之指针拷贝详解
C++基础教程之指针拷贝详解指针是编程人员的梦魇,对C语言的开发者是如此,对C++的开发者也是如此.特别是在C++中,如果不注意处理类中的指针,非常容易出问题.如果朋友们不相信可以看看下面的代码: ...
【STM32】标准库与HAL库对照学习教程八--串口通信详解
[STM32]标准库与HAL库对照学习教程八--串口通信详解一.前言二.准备工作三.通信的基本概念 1.通信方式 2.串行通信与并行通信 (1)串行通信 (2)并行通信 3.异步通信与同步通信 ...

audio标签的controls属性_HTML5教程 audio标签属性详解

audio标签的controls属性_HTML5教程 audio标签属性详解相关推荐

最新文章

热门文章