<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>
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)>
media 属性规定媒体资源的类型(文件是为何种媒体/设备进行了优化)。
浏览器可使用该属性来判断它是否能播放这个文件。如果不能播放,则可以选择不进行下载。
注释:该属性可接受多个值。
HTML5<source>media属性语法:
<source media=value>
注:因为任何浏览器都不支持<source>标签的media属性。所以就不多说了。
HTML5<source>src属性:
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>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>
HTML 4.01 与 HTML 5 之间的差异
浏览器支持:
Internet Explorer 9+, Firefox, Opera, Chrome 以及 Safari 支持 <source> 标签。
注释:Internet Explorer 8 以及更早的版本不支持 <source> 标签。
【相关推荐】
html meta标签的作用是什么?html meta标签常见的属性介绍
html map标签是什么?html map标签的结构及具体使用方法详解
原文地址:https://www.jb51.cc/html5/1200022.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。