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。

示例如下：

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

 
 
 





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

输出结果：

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