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开发必备-游戏开发资源合集(图文)

html5 Source标签怎么用?html5 Source标签属性介绍

html5优点的详细介绍

html5画一个简单呢好看的电路图

html5中在元素滚动条在滚动时触发的事件onscroll

html5如何生成验证码

解析html5中的标签嵌套规则

如何利用微信内嵌h5网页解决js倒计时失效的问题

html5中在用户可以开始播放视频/音频时触发的事件oncanplay

有关html5服务器推送事件的讲解

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




打赏

取消

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

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

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

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

评论

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