HTML - default 属性

HTML default 属性，用于指示应启用某个track，除非用户的首选项指示另一个track更合适。

默认情况下，每个媒体元素只能在一个“track”元素上使用。如果多个 <track>标签为 default track，则将使用第一个track。您可以将 default 属性与 JavaScript 一起使用，以检查此属性是否存在于媒体元素中。如果 present 返回 true，否则为 false。

语法


<track default>

适用于

下面列出的元素允许使用 HTML default 属性

元素	描述
<track>	HTML <track> 标签用于定义媒体文件的基于时间的文本轨道。

HTML default 属性的示例

下面的示例将说明 HTML default 属性，我们应该在哪里以及如何使用此属性！

为视频设置default 属性字幕

在以下示例中，我们将使用 default 属性和 track 元素来提及视频的默认字幕。


<!DOCTYPE html>
<html lang="en">
<head>
	 <title>HTML 'default' attribute</title>
	 <style>
			video {
				 border: 5px solid black;
				 border-radius: 10px;
			}
	 </style>
</head>
<body>
	 <!--HTML 'default' attribute-->
	 <h3>
			Example of the HTML 'default' attribute
	 </h3>
	 <video width="300" controls>
			<source src=
"https://samplelib.com/lib/preview/mp4/sample-20s.mp4">
			<track srclang="subtitles" label="english" default>
			<track srclang="subtitles" label="Hindi" >
	 </video>
	 <p>
			This is video with two subtitles, 
			with english being default 
	 </p>
</body>
</html>

设置音频的default 属性

考虑到另一种情况，我们将使用默认属性和音频的 track 元素。


<!DOCTYPE html>
<html lang="en">
<head>
	 <title>HTML 'default' attribute</title>
	 <style>
			audio {
				 border: 5px solid black;
				 border-radius: 10px;
			}
	 </style>
</head>
<body>
	 <!--HTML 'default' attribute-->
	 <h3>
			Example of the HTML 'default' attribute
	 </h3>
	 <audio controls>
			<source src=
"https://samplelib.com/lib/preview/mp3/sample-6s.mp3">
			<track srclang="subtitles" default>
			<track srclang="subtitles" >
	 </audio>
	 <p>
			Here the first subtitle is being default.
	 </p>
</body>
</html>

支持的浏览器

浏览器
是否支持	18.0	10.0	31.0	6.0	15.0

打印本页