HTML5提供了強大的新特性，它能夠讓開發者更輕松地嵌入、展示和控制視頻。現在，讓我們來看一下關于HTML5視頻按鈕的代碼。 首先，我們需要定義一個video標簽，這個標簽包含我們想展示的視頻以及視頻的描述。像下面這樣：

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

這個標簽會顯示一個原生的HTML5視頻播放器，它的底部會有一些控制按鈕，包括播放/暫停、音量控制、全屏等等。 如果你想自定義這些按鈕的樣式，你可以使用CSS。當然，你也可以使用JavaScript控制這些按鈕的行為，來增加一些交互性，比如自定義播放按鈕等等。 接下來，我們來看一個在HTML5視頻播放器中添加一個自定義的播放按鈕的示例：

<video id="my-video" src="video.mp4" preload="metadata"></video>
<button id="play-pause-btn">播放</button>
<script>
var video = document.getElementById("my-video");
var playPauseBtn = document.getElementById("play-pause-btn");
function togglePlayPause() {
if (video.paused) {
video.play();
playPauseBtn.innerHTML = "暫停";
} else {
video.pause();
playPauseBtn.innerHTML = "播放";
}
}
playPauseBtn.addEventListener("click", togglePlayPause);
</script>

這個代碼會在HTML5視頻播放器下面添加一個名為“播放”的按鈕，并且給它添加了一個點擊事件來控制視頻的播放/暫停狀態。 通過這個例子，你可以自己動手嘗試一下自定義HTML5視頻播放器。提示一下，你也可以添加其他按鈕，比如音量控制、調整視頻播放速度等等，來讓你的播放器更加功能全面。