HTML 教程

HTML 属性

HTML 标签列表

HTML API

HTML 案例

HTML 颜色

HTML5 进阶

HTML 其它

HTML 面试问题

HTML <source> 媒体子元素标签

HTML <source> 标签用作子元素，为<audio>、<video> 和<picture> 元素定义多个媒体资源。

它用于提供具有不同格式的相同媒体内容，例如 mp3、mp4 等。

当我们嵌入多个内容相同但格式不同的资源时，浏览器可能会选择最兼容的格式并显示或播放该媒体文件。

<source> 标签是在 HTML5 中引入的。

句法

<source src=" " type=" ">

以下是关于 HTML <source> 标签的一些规范

展示排队
开始标签/结束标签空标签（仅开始标签）
用法媒体资源

例子

<!DOCTYPE html>  
<html>  
<head>  
    <title>HTML source tag</title>  
</head>  
<body>  
 <h2>Example of source tag</h2>  
<video controls="controls" height="200" width="300">  
    <source src="flower.webm" type="video/webm" >  
    <source src="flower.mp4" type="video/mp4">  
    Your browser does not support the HTML5 video element.  
</video>  
</body>  
</html>

输出：

HTML 源代码标记

属性：

特定于标签的属性：

属性属性值描述
mediaMedia_query它确定链接源针对哪个媒体/设备进行优化。
sizes
它为不同的页面布局指定可接受的图像大小。
src
它确定媒体文件的 URL。
srcset
针对不同情况指定图像的 URL。它仅在 <source> 是 <picture> 元素的子元素时使用。
typevideo/ogg
video/mp4
video/webm
audio/ogg
audio/mpeg		它决定了资源的媒体类型。

全局属性：

<source> 标签支持 HTML 中的 Global 属性。

事件属性：

<source> 标签支持 HTML 中的 Event 属性。

支持浏览器

元素ChromeIEFirefoxSafariOpera
<source>YesYesYesYesYes


上一主题 HTML <small> 标签 下一主题 HTML <span> 内联标签
  • 使用社交账号登录,本站支持
全部评论(0)

便捷工具