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

列印頁面