HTML5是當今最常用的網頁設計語言之一，可以使網頁更加美觀和交互性更強。其中，可播放視頻是HTML5最有趣的特性之一。 要在HTML5中播放視頻，我們需要一個video標簽。視頻標簽有很多屬性，如controls、width、poster，可以讓我們控制視頻的尺寸、外觀和功能。下面是一個簡單的HTML5視頻播放器的例子：

<video controls width="500" poster="video_poster.jpg">
<source src="video.mp4" type="video/mp4">
<source src="video.webm" type="video/webm">
<p>該瀏覽器不支持HTML5視頻。</p>
</video>

在上述例子中，我們使用了video標簽的controls屬性，這個屬性會在視頻下方顯示播放器控制欄，包括播放/暫停、音量控制和播放進度條等功能。width屬性用于定義播放器的寬度，而poster屬性用于定義視頻未播放時的預覽圖片。 視頻標簽中必須包含至少一個source標簽來指示視頻的源文件。在上述例子中，我們使用了mp4和webm兩種格式的視頻文件。如果用戶的瀏覽器不支持這些格式，video標簽中的

標簽將會被顯示，提示用戶此視頻無法播放。 HTML5視頻可以充分利用CSS和JavaScript來制作更為復雜的播放器，包括插入彈幕、自定義樣式和快捷鍵等功能。總體來說，HTML5視頻為網站開發者提供了更加靈活的呈現方案，使其更好地滿足現代用戶對視覺和交互性的需求。