HTML5是一種用于創(chuàng)建Web頁面的語言，它提供了一些新的功能，其中包括強大的視頻支持。HTML5允許開發(fā)者在Web頁面上嵌入視頻，并使用熟悉的代碼來控制視頻播放。下面我們將介紹如何使用HTML5代碼在Web頁面上插入視頻。 首先，我們需要添加一個video標簽，如下所示:

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

在這個例子中，我們添加了一個video標簽，并為它添加了一個controls屬性。這將會啟用視頻播放控件，如播放/暫停按鈕。source標簽定義了視頻媒體的來源和類型。在這個例子中，我們使用了一個MP4格式的視頻文件。請注意，如果你想在不同瀏覽器和操作系統(tǒng)上都能順利播放視頻，你需要提供不同的媒體來源，比如WebM或OGG格式。 如果你想在視頻播放之前添加一個封面圖像，你可以使用poster屬性，如下所示:

<video poster="cover.jpg" controls>
<source src="video.mp4" type="video/mp4">
</video>

現(xiàn)在，我們已經(jīng)可以在網(wǎng)頁上顯示視頻了。接下來，我們將向你展示如何使用HTML5代碼控制視頻播放。 首先，我們需要為video標簽添加一個ID屬性，如下所示:

<video id="myVideo" poster="cover.jpg" controls>
<source src="video.mp4" type="video/mp4">
</video>

然后，我們可以使用JavaScript來訪問這個video元素，并調用它的方法和屬性。比如，我們可以使用下面的代碼來獲取視頻的當前時間:

var video = document.getElementById("myVideo");
var currentTime = video.currentTime;

我們還可以使用play()和pause()方法來分別播放和暫停視頻：

var video = document.getElementById("myVideo");
video.play(); // 播放視頻
video.pause(); // 暫停視頻

我們還可以監(jiān)聽video元素上的一些事件，比如play、pause或ended。下面的代碼將在視頻暫停時打印一條信息:

var video = document.getElementById("myVideo");
video.addEventListener("pause", function() {
console.log("視頻已暫停");
});

通過這些簡單的代碼，我們可以在HTML5中輕松地嵌入和控制視頻。HTML5的視頻支持使網(wǎng)頁開發(fā)更加靈活和有趣，為用戶提供了更好的體驗。