好得很程序员自学网

<tfoot draggable='sEl'></tfoot>

html5 source标签怎么用?html5 source标签属性介绍

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

html5 source标签定义和用法:

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

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

HTML5<source>标签实例:

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

<audio controls>
   <source src="horse.ogg" ty PE ="audio/ogg">
   <source src="horse.m P3 " type="audio/mpeg">
 Your  br owser 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> ;m edia属性:

使用 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属性的属性值:

@H_374_ 126 @

HTML 4.01 与 html 5 之间的差异

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

浏览器支持:

internet E xp lorer 9+, Firefox, opera , Ch rom e 以及 Safari 支持 <source> 标签。

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

【相关推荐】

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

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

以上就是html5 source标签怎么用?html5 source标签属性介绍的详细内容,更多请关注其它相关文章!

总结

以上是 为你收集整理的 html5 source标签怎么用?html5 source标签属性介绍 全部内容,希望文章能够帮你解决 html5 source标签怎么用?html5 source标签属性介绍 所遇到的问题。

如果觉得 网站内容还不错, 推荐好友。

查看更多关于html5 source标签怎么用?html5 source标签属性介绍的详细内容...

  阅读:31次