HTML5引入了一些非常有用的功能，其中之一是HTML5視頻。使用HTML5視頻，我們可以在網頁上嵌入視頻并讓用戶在線播放。下面是一個簡單的HTML5視頻在線播放代碼示例。 首先，我們需要創建一個video元素，并將其放置在網頁中。我們可以在標簽中指定視頻的路徑、播放速度和其他選項。

<video src="example.mp4" controls autoplay>
<p>
您的瀏覽器不支持HTML5視頻。
</p>
</video>

上述代碼創建了一個視頻播放器，其中“src”屬性指定要播放的視頻文件路徑，“controls”屬性指定是否顯示視頻控件，“autoplay”屬性指定視頻是否自動播放。如果瀏覽器不支持HTML5視頻，則會顯示“您的瀏覽器不支持HTML5視頻”這個信息。 我們可以通過添加多個源來支持不同格式的視頻文件，以確保視頻可以在所有瀏覽器上播放。

<video controls autoplay>
<source src="example.mp4" type="video/mp4">
<source src="example.webm" type="video/webm">
<p>您的瀏覽器不支持HTML5視頻。</p>
</video>

在這個例子中，我們使用了多個source元素來指定不同格式的視頻文件。瀏覽器將自動選擇與其兼容的格式進行播放。 我們也可以在視頻中添加字幕，以提高用戶體驗。

<video controls autoplay>
<source src="example.mp4" type="video/mp4">
<source src="example.webm" type="video/webm">
<track kind="subtitles" src="example.vtt" srclang="en" label="English">
<p>您的瀏覽器不支持HTML5視頻。</p>
</video>

在此示例中，我們使用了track元素來指定字幕文件。“srclang”屬性指定字幕的語言，而“label”屬性指定字幕的標簽。 使用HTML5視頻，我們可以輕松地為用戶提供優質的視覺體驗。無需使用Flash或其他插件，簡單地在網頁上嵌入視頻，就可以在任何設備上進行流暢的播放。