Audio & Video

HTML 內的音訊及影片標籤。

# 1. <audio>

<audio src="audio.mp3" preload="auto" controls autoplay loop></audio>
  • src:可以設定一個文件的 URL 或本地路徑。

  • preload:頁面載入後,緩衝文件的狀態。

    • none:不進行緩衝。
    • auto:自動緩衝文件。
    • metadata:僅緩衝文件的元數據。
  • controls:為網頁顯示標準的 HTML 音頻控制器。

  • autoplay:讓文件能自動播放。

  • loop:讓文件能重複播放。

# 2. <video>

<video src="video.mp4" controls></video>

也可以寫成

<video width="350" height="350" poster="pic.jpg" controls autoplay loop>
  <source src="video.mp4" type="video/mp4" />
</video>
  • src:可以設定一個文件的 URL 或本地路徑。

  • preload:頁面載入後,緩衝文件的狀態。

    • none:不進行緩衝。
    • auto:自動緩衝文件。
    • metadata:僅緩衝文件的元數據。
  • width:設定影片的寬度。

  • height:設定影片的高度。

  • poster:設定影片播放前的封面。

  • controls:為網頁顯示標準的 HTML 影片控制器。

  • autoplay:讓文件能自動播放。

  • loop:讓文件能重複播放。