html5中如何使用source标签-创新互联

这篇文章主要介绍了html5中如何使用source标签,具有一定借鉴价值,需要的朋友可以参考下。希望大家阅读完这篇文章后大有收获。下面让小编带着大家一起了解一下。

成都创新互联自2013年起,是专业互联网技术服务公司,拥有项目成都网站建设、网站建设网站策划,项目实施与项目整合能力。我们以让每一个梦想脱颖而出为使命,1280元福贡做网站,已为上家服务,为福贡各地企业和个人服务,联系电话:13518219792

html5 source标签定义和用法:

标签为媒介元素(比如

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

HTML5标签实例:

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

标签基本属性:

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

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

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

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

html5 source标签的格式:

HTML5media属性:

使用 media 属性:

HTML5media属性定义和用法:

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

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

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

HTML5media属性语法:

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

HTML5src属性:

HTML5src属性的定义和用法:

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

HTML5src属性的语法:

HTML5src属性的使用实例:

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

HTML5src属性的属性值:

html5中如何使用source标签

HTML5type属性:

HTML5type属性的定义和用法:

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

type 属性的使用:

HTML5type属性的语法:

HTML5type属性的属性值:

html5中如何使用source标签

HTML 4.01 与 HTML 5 之间的差异

标签是 HTML 5 中的新标签。

浏览器支持:

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

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

感谢你能够认真阅读完这篇文章,希望小编分享html5中如何使用source标签内容对大家有帮助,同时也希望大家多多支持创新互联建站,关注创新互联网站制作公司行业资讯频道,遇到问题就找创新互联建站,详细的解决方法等着你来学习!


网站名称:html5中如何使用source标签-创新互联
本文来源:http://pwwzsj.com/article/hccip.html