html5中如何使用source标签

这篇文章主要介绍了html5中如何使用source标签，具有一定借鉴价值，需要的朋友可以参考下。希望大家阅读完这篇文章后大有收获。下面让小编带着大家一起了解一下。

创新互联坚持“要么做到，要么别承诺”的工作理念，服务领域包括：成都网站制作、做网站、外贸营销网站建设、企业官网、英文网站、手机端网站、网站推广等服务，满足客户于互联网时代的商州网站设计、移动媒体设计的需求，帮助企业找到有效的互联网解决方案。努力成为您成熟可靠的网络建设合作伙伴！

html5 source标签定义和用法：

标签为媒介元素（比如

标签允许您规定可替换的视频/音频文件供浏览器根据它对媒体类型或者编解码器的支持进行选择。

HTML5标签实例：

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

标签基本属性：

• media：媒体资源的类型，供浏览器决定是否下载（值：media_query）。

• src：媒体文件的 URL（值：URL）。

• type：媒体资源的 MIME 类型（值：MIME_type）。

注：标签标签支持html全局属性和html事件属性

html5 source标签的格式：

HTML5media属性：

使用 media 属性：

HTML5media属性定义和用法：

media 属性规定媒体资源的类型（文件是为何种媒体/设备进行了优化）。

浏览器可使用该属性来判断它是否能播放这个文件。如果不能播放，则可以选择不进行下载。

注释：该属性可接受多个值。

HTML5media属性语法：

注：因为任何浏览器都不支持标签的media属性。所以就不多说了。

HTML5src属性：

HTML5src属性的定义和用法：

src 属性规定要播放的媒体文件的 URL。

HTML5src属性的语法：

HTML5src属性的使用实例：

带有两个资源文件的音频播放器。浏览器应该选择它支持的那个文件（如果有的话）：

HTML5src属性的属性值：

HTML5type属性：

HTML5type属性的定义和用法：

type 属性规定媒体资源的 MIME 类型。

type 属性的使用：

HTML5type属性的语法：

HTML5type属性的属性值：

HTML 4.01 与 HTML 5 之间的差异

标签是 HTML 5 中的新标签。

浏览器支持：

Internet Explorer 9+, Firefox, Opera, Chrome 以及 Safari 支持 标签。

注释：Internet Explorer 8 以及更早的版本不支持 标签。

感谢你能够认真阅读完这篇文章，希望小编分享html5中如何使用source标签内容对大家有帮助，同时也希望大家多多支持创新互联，关注创新互联行业资讯频道，遇到问题就找创新互联，详细的解决方法等着你来学习!