html5的source标签如何用-成都快上网建站

html5的source标签如何用

这篇“html5的source标签如何用”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“html5的source标签如何用”文章吧。

让客户满意是我们工作的目标,不断超越客户的期望值来自于我们对这个行业的热爱。我们立志把好的技术通过有效、简单的方式提供给客户,将通过不懈努力成为客户在信息化领域值得信任、有价值的长期合作伙伴,公司提供的服务项目有:域名注册、虚拟空间、营销软件、网站建设、汉南网站维护、网站推广。

在html5中,source标签用于提供不同类型的视频或者音频文件供浏览器进行选择,语法为“”。

本教程操作环境:windows10系统、HTML5版、Dell G3电脑。

html5的source标签

标签为媒体元素(比如

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

可能的属性值如下:

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

  • src           URL 规定媒体文件的 URL。

  • type        MIME_type 规定媒体资源的 MIME 类型。

  • sizes        不同页面布局设置不同图片大小。

  • srcset       URL 应用于 标签时需要使用到。指定在不同情况下使用的图像 URL。

示例如下:

带有两个源文件的音频播放器。浏览器需要选择它所支持的源文件(如果都支持则任选一个):



 
 
123 





您的浏览器不支持 audio 元素。


输出结果:

html5的source标签如何用

以上就是关于“html5的source标签如何用”这篇文章的内容,相信大家都有了一定的了解,希望小编分享的内容对大家有帮助,若想了解更多相关的知识内容,请关注创新互联行业资讯频道。


名称栏目:html5的source标签如何用
URL链接:http://kswjz.com/article/jojeph.html
扫二维码与项目经理沟通

我们在微信上24小时期待你的声音

解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流