HTML5 source标签详解


本文摘自PHP中文网,作者小云云,侵删。

HTML5 source标签是一种媒介元素(比如 <video> 和 <audio>)来定义媒介资源。<source> 标签允许您规定可替换的视频/音频文件供浏览器根据它对媒体类型或者编解码器的支持进行选择。 这里主要给大家讲一下source标签的应用属性和实例。

<source>标签属性:

属性描述
mediamedia query规定媒体资源的类型。
srcurl规定媒体文件的 URL。
typenumeric value规定媒体资源的 MIME 类型。

<source> 标签支持HTML中的全局属性和事件属性。

应用实例:

拥有两份源文件的音频播放器。浏览器应该选择它所支持的文件(如果有的话):


1

2

3

4

5

<audio controls>

   <source src="horse.ogg" type="audio/ogg">

   <source src="horse.mp3" type="audio/mpeg">

 Your browser does not support the audio element.

</audio>

输出:

HTML 4.01 与 HTML 5 之间的差异

<source> 标签是 HTML 5 中的新标签。

相关推荐:

详解MySQL数据库中有关source命令

MySQL 数据库 source 命令详解_MsSql

linux下source命令使用详解

以上就是HTML5 source标签详解的详细内容,更多文章请关注木庄网络博客

相关阅读 >>

html5中的autofocus(自动聚焦)属性介绍

url完整结构以及同源跨域处理的介绍

使用adobe html5 extension的开发详解

html5新增加的标签和表单新增属性的代码实例

【h5开发工具】2017最好用的10种html5应用开发工具推荐

关于html5中自定义属性的介绍

h5开发视频遇到的问题及解决方案

移动端html5模拟长按删除事件(附代码)

html5新特性之文件和二进制数据的操作

详解h5新属性audio音频和video视频的控制代码实例

更多相关阅读请进入《Source》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...