Rumah  >  Artikel  >  hujung hadapan web  >  html5 source标签怎么用?html5 source标签属性介绍

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

寻∝梦
寻∝梦asal
2018-08-17 17:34:067495semak imbas

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>

e02da388656c3265154666b7c71a8ddc标签基本属性:

  • media:媒体资源的类型,供浏览器决定是否下载(值:media_query)。

  • src:媒体文件的 URL(值:URL)。

  • type:媒体资源的 MIME 类型(值:MIME_type)。

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

html5 source标签的格式:

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

HTML5e02da388656c3265154666b7c71a8ddcmedia属性:

使用 media 属性:

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

HTML5e02da388656c3265154666b7c71a8ddcmedia属性定义和用法:

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

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

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

HTML5e02da388656c3265154666b7c71a8ddcmedia属性语法:

<source media="value">

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

HTML5e02da388656c3265154666b7c71a8ddcsrc属性:

 HTML5e02da388656c3265154666b7c71a8ddcsrc属性的定义和用法:

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

HTML5e02da388656c3265154666b7c71a8ddcsrc属性的语法:

<source src="URL">

HTML5e02da388656c3265154666b7c71a8ddcsrc属性的使用实例:

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

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

HTML5e02da388656c3265154666b7c71a8ddcsrc属性的属性值:

tusan.png

HTML5e02da388656c3265154666b7c71a8ddctype属性:

HTML5e02da388656c3265154666b7c71a8ddctype属性的定义和用法:

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

type 属性的使用:

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

HTML5e02da388656c3265154666b7c71a8ddctype属性的语法:

<source type="MIME_type">

HTML5e02da388656c3265154666b7c71a8ddctype属性的属性值:

tuer.png

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标签的结构及具体使用方法详解

Atas ialah kandungan terperinci html5 source标签怎么用?html5 source标签属性介绍. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn