今天我們來看看<video>搭配其他的標籤~~

<video>搭配<source>

<source> 標籤用於 <audio> 和 <video> 標籤中，為不同的媒體文件格式提供備選資源，確保文件能夠兼容各種瀏覽器。

常用屬性：

• src：媒體文件的路徑或 URL。
• type：指定文件的格式和 MIME 類型，以便瀏覽器選擇最適合的文件進行播放。

<video>搭配<track>

<track>：提供字幕、旁白或其他文字軌道，提升無障礙體驗。

常用屬性：

• kind：指定文字軌道的類型。常見值包括：
  • subtitles : 顯示字幕。
  • captions : 隱藏字幕，提供對話及背景音的描述。
  • descriptions : 為視障者提供影片的額外描述，通常用於解釋場景變化。
  • chapters : 用於定義多媒體的章節，允許用戶跳轉到特定段落。
  • meetadata : 提供與影片不同步的數據，通常不顯示給用戶。
• src：字幕文件的路徑或 URL，通常是.vtt格式的字幕文件。
• srclang：字幕文件使用的語言（如 "en" 表示英文，"zh"表示中文）。
• label：描述文字軌道的名稱。
• default:讓文字軌道成為默認，並在沒有其他軌道被選中時自動顯示。

<video controls>
  <source src="movie.mp4" type="video/mp4">
  <track kind="subtitles" src="subtitles_en.vtt" srclang="zh">
</video>

下面就會出現我們的字幕啦~

今天先介紹到這裡，謝謝觀看！