html5source标签怎么用？html5source标签属性介绍

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了html5source标签怎么用？html5source标签属性介绍，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含2505字，纯文字阅读大概需要4分钟。

内容图文

html5 source标签怎么用？html5 source标签属性介绍。现在开始介绍本篇文章的内容，主要给大家讲的是html5 source标签的使用和html5 cource标签的三个属性具体的介绍

html5 source标签定义和用法：

<source> 标签为媒介元素（比如 <video> 和 <audio>）定义媒介资源。

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

HTML5<source>标签实例：

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

<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>

<source>标签基本属性：

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

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

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

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

html5 source标签的格式：

<source src="媒体资源地址" />

HTML5<source>media属性：

使用 media 属性：

<source src="movie.ogg" type="video/ogg" media="screen and (min-width:320px)">

HTML5<source>media属性定义和用法：

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

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

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

HTML5<source>media属性语法：

<source media="value">

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

HTML5<source>src属性：

HTML5<source>src属性的定义和用法：

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

HTML5<source>src属性的语法：

<source src="URL">

HTML5<source>src属性的使用实例：

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

<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>

HTML5<source>src属性的属性值：

HTML5<source>type属性：

HTML5<source>type属性的定义和用法：

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

type 属性的使用：

<audio controls>
<source src="horse.ogg" type="audio/ogg">
<source src="horse.mp3" type="audio/mpeg">
您的浏览器不支持 audio 元素。
</audio>

HTML5<source>type属性的语法：

<source type="MIME_type">

HTML5<source>type属性的属性值：

HTML 4.01 与 HTML 5 之间的差异

<source> 标签是 HTML 5 中的新标签。

浏览器支持：

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

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

【相关推荐】

html meta标签的作用是什么？html meta标签常见的属性介绍

html map标签是什么？html map标签的结构及具体使用方法详解

以上就是html5 source标签怎么用？html5 source标签属性介绍的详细内容，更多请关注Gxl网其它相关文章！

内容总结

以上是互联网集市为您收集整理的html5source标签怎么用？html5source标签属性介绍全部内容，希望文章能够帮你解决html5source标签怎么用？html5source标签属性介绍所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

---