html5 source标签怎么用?html5 source标签属性介绍。现在开始介绍本篇文章的内容,主要给大家讲的是html5 source标签的使用和html5 cource标签的三个属性具体的介绍
html5 source标签定义和用法:
e02da388656c3265154666b7c71a8ddc 标签为媒介元素(比如 39000f942b2545a5315c57fa3276f220 和 b97864c2e0ef2353a16c4d64c7734e92)定义媒介资源。
e02da388656c3265154666b7c71a8ddc 标签允许您规定可替换的视频/音频文件供浏览器根据它对媒体类型或者编解码器的支持进行选择。
html5e02da388656c3265154666b7c71a8ddc标签实例:
拥有两份源文件的音频播放器。浏览器应该选择它所支持的文件(如果有的话):
<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">
html5e02da388656c3265154666b7c71a8ddctype属性的属性值:
html 4.01 与 html 5 之间的差异
e02da388656c3265154666b7c71a8ddc 标签是 html 5 中的新标签。
浏览器支持:
internet explorer 9+, firefox, opera, chrome 以及 safari 支持 e02da388656c3265154666b7c71a8ddc 标签。
注释:internet explorer 8 以及更早的版本不支持 e02da388656c3265154666b7c71a8ddc 标签。
【相关推荐】
html meta标签的作用是什么?html meta标签常见的属性介绍
html map标签是什么?html map标签的结构及具体使用方法详解
以上就是html5 source标签怎么用?html5 source标签属性介绍的详细内容。