HTML5 是一種用于創(chuàng)建網(wǎng)頁和應(yīng)用程序的標(biāo)準(zhǔn)，其中包括了用于播放視頻和音頻的相關(guān)標(biāo)簽和 API。本文將介紹使用 HTML5 播放視頻的方法和設(shè)置。

首先，我們需要在 HTML 文件中添加 video 標(biāo)簽。如下所示：

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

在標(biāo)簽中，我們使用了 src 屬性，該屬性指向了視頻文件的 URL 地址。而 controls 屬性將會在視頻播放器中添加一組控制按鈕，包括播放、暫停、音量控制和進(jìn)度條。

除了使用 src 屬性外， video 標(biāo)簽還支持使用多個 source 標(biāo)簽指定視頻文件的不同格式版本，以便在不同瀏覽器和設(shè)備中播放。具體用法如下：

<video controls>
<source src="movie.mp4" type="video/mp4">
<source src="movie.webm" type="video/webm">
<source src="movie.ogg" type="video/ogg">
Your browser does not support the video tag.
</video>

當(dāng)瀏覽器無法播放 video 標(biāo)簽中的視頻文件時，會顯示在標(biāo)簽內(nèi)部的錯誤信息或替代內(nèi)容。

除了使用標(biāo)簽外， HTML5 還提供了一組 JavaScript API 用于控制視頻的播放、暫停、音量、時間和事件等。以下是幾個常用方法的示例：

var vid = document.getElementById("myVideo"); // 獲取 video 標(biāo)簽對象
function playVideo() {
vid.play(); // 播放視頻
}
function pauseVideo() {
vid.pause(); // 暫停視頻
}
function setVolume(vol) { 
vid.volume = vol; // 設(shè)置音量，值從 0 到 1
}
function setCurrentTime(seconds) {
vid.currentTime = seconds; // 設(shè)置視頻播放時間，單位為秒
}
vid.addEventListener("ended", function() {
alert("The video has ended."); // 監(jiān)聽視頻播放結(jié)束事件
});

通過使用以上示例，開發(fā)者可以輕松地在網(wǎng)頁中進(jìn)行視頻的控制和交互。