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实现清空画布的三种方法

h5链接的使用

如何自定义video播放器样式?

利用html5的一个特性- deviceorientation来实现手机上摇一摇功能

html5超链接字体如何改颜色

采用html5+signalr2.0(.net)实现原生web视频的代码分享

h5移动端各种各样的列表的制作方法(五)

html5新增标签--nav标签介绍

html5 canvas粒子形成下雪背景的效果

html5中的强制下载属性download使用

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




打赏

取消

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

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

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

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

评论

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