<video>元素

<video>元素用于在HTML文檔中嵌入視頻內容。

<video controls><source src="movie.mp4" type="video/mp4"><source src="movie.ogg" type="video/ogg">您的瀏覽器不支持 HTML5 video 標簽。
</video>

<video>元素屬性

controls顯示視頻控制條（播放/暫停按鈕、音量控制等）
autoplay頁面加載后自動播放（注意：許多瀏覽器會阻止自動播放）
width設置視頻播放器的寬度
height設置視頻播放器的高度
loop視頻播放完成后重新開始
muted默認靜音
poster視頻下載時或用戶點擊播放前顯示的圖像
preload頁面加載時是否預加載視頻

<video width="640" height="360" controls autoplay muted loop poster="preview.jpg"><source src="video.mp4" type="video/mp4"><source src="video.webm" type="video/webm"><track src="subtitles_en.vtt" kind="subtitles" srclang="en" label="English"><track src="subtitles_zh.vtt" kind="subtitles" srclang="zh" label="中文">您的瀏覽器不支持 HTML5 視頻。
</video>

HTML<audio>元素

<audio>元素用于在網頁中嵌入音頻內容，其用法與<video> 元素類似但更簡單。
基本用法

<audio controls><source src="audio.mp3" type="audio/mpeg"><source src="audio.ogg" type="audio/ogg">您的瀏覽器不支持 HTML5 audio 元素。
</audio>

<audio>元素屬性

controls顯示音頻控制條（播放/暫停按鈕、音量控制等）
autoplay頁面加載后自動播放（注意：許多瀏覽器會阻止自動播放）
loop音頻播放完成后重新開始
muted默認靜音
preload頁面加載時是否預加載音頻

<audio controls autoplay loop><source src="sound.mp3" type="audio/mpeg"><source src="sound.ogg" type="audio/ogg">您的瀏覽器不支持 audio 元素。
</audio>

可以通過JavaScript API控制音頻播放：

const audio = document.querySelector('audio');// 播放音頻
audio.play();// 暫停音頻
audio.pause();// 跳轉到指定時間(秒)
audio.currentTime = 30;// 設置音量(0.0-1.0)
audio.volume = 0.5;// 監聽事件
audio.addEventListener('ended', () => {console.log('音頻播放結束');
});