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中canvas的使用--画线和面

解析html5应用与原生应用之间的差别

html5 figure和figcaption的使用方法

mui框架使用html5实现二维码扫描功能

html5本地存储-web sql database的详情介绍

html5的video标签操作视频详解

html5中video标签无法播放mp4问题的解决办法

exports和module.expors之间有什么区别及联系?

详细介绍html5技术在风电、光伏等新能源领域的应用(图)

h5实现多图片预览上传及点击可拖拽控件

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




打赏

取消

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

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

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

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

评论

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