HTML - 默认属性

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

default 属性每个媒体元素只能用于一个 'track' 元素。如果多个轨道标记为默认，则将使用第一个轨道。您可以使用 JavaScript 和 default 属性来检查此属性是否存在于媒体元素中。如果存在则返回 true，否则返回 false。

语法

<track default>

应用于

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

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

HTML default 属性示例

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

为视频设置默认字幕

在下面的示例中，我们将使用 track 元素的 default 属性来指定视频的默认字幕。

<!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>

为音频设置默认属性

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

<!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>

支持的浏览器

属性
default	是 18.0	是 10.0	是 31.0	是 6.0	是 15.0

html_attributes_reference.htm

打印页面