HTML5 的出現極大的豐富了視頻的應用。通過使用 video 標簽，以及相關的屬性和方法，我們可以輕松的在網頁中嵌入視頻。下面介紹一些 video 標簽的基本屬性：

<video src="video.mov" poster="poster.jpg" controls autoplay loop></video>

src 屬性指定了視頻文件的 URL 地址。poster 屬性指定了視頻加載前顯示的圖片。controls 屬性是控制是否顯示視頻播放的控制面板。autoplay 和 loop 屬性控制視頻自動播放和循環播放。

除了上面的基本屬性外，video 標簽還有一些較新的屬性，例如：

<video src="video.mov" preload="auto" playsinline muted></video>

preload 屬性控制視頻緩存的方式，auto 表示讓視頻盡可能地預加載。playsinline 屬性可以讓視頻在 iOS 設備上內嵌自動播放。muted 屬性則可以讓視頻默認靜音。

除了屬性之外，video 標簽還有一些重要的方法，如 play()、pause()、currentTime 等。通過這些方法，我們可以控制視頻的播放和暫停，以及讓視頻從指定的時間點開始播放。

var video = document.querySelector('video');
video.play();
video.pause();
video.currentTime = 10;

上面的代碼通過 document.querySelector() 來獲取 video 元素，并使用 play()、pause() 和 currentTime 方法來控制視頻的播放。此外，video 標簽還支持多種事件，如 canplay、play、pause、ended 等。通過在 JavaScript 中監聽這些事件，我們可以在視頻播放時添加一些特效，或者在視頻結束時執行一些操作。

var video = document.querySelector('video');
video.addEventListener('ended', function() {
console.log('視頻播放結束');
});

上面的代碼通過 addEventListener() 來監聽視頻播放結束的事件，當視頻播放結束時會執行一個打印語句。