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页面中怎样调用app

详解html5网络拓扑图整合openlayers实现gis地图应用(图)

xhtml和html5的区别是什么

html5 canvas画布的宽高为什么写在<canvas>标签里的详细介绍

html5 canvas绘图之drawimage() 方法的详细介绍(代码示例)

html5 canvas如何绘制圆形?(代码实例)

h5的filereader分布读取文件应该如何使用以及其方法简介

npm机制深入理解

用js+html5实现的小游戏-- 捕鱼达人游戏

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




打赏

取消

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

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

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

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

评论

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