HTML5提供了一種新的方式來處理視頻和音頻，我們可以用HTML5實現一個簡單的視頻或音頻播放器。以下是演示如何在HTML5中播放視頻并調整聲音的代碼示例：

<video controls>
<source src="example.mp4" type="video/mp4">
<source src="example.ogg" type="video/ogg">
<p>Your browser does not support HTML5 video.</p>
</video>
<input type="range" name="volume" min="0" max="1" step="0.1" value="1" onchange="changeVolume(this.value)">
<script>
function changeVolume(vol) {
var video = document.getElementsByTagName('video')[0];
video.volume = vol;
}
</script>

上面的代碼中，最重要的部分是HTML5視頻標簽。我們使用<video>標簽來加載我們的視頻文件，并添加"controls"屬性，以便控制音量和播放進度。如果瀏覽器不支持HTML5視頻，我們就輸出一個p標簽顯示錯誤信息。

為了在我們的播放器中調整音量，我們使用了一個input標簽，它的type屬性為"range"，表示允許用戶調整音量的范圍在0和1之間。當用戶滑動input時，我們使用JavaScript函數changeVolume來捕捉當前音量并設置給視頻。在這個例子中，我們只有一個視頻源，它的格式是MP4和OGG。如果有支持其他格式的視頻，請提供相應的格式。

使用HTML5音視頻標簽播放視頻有很多優點。這種方式不需要任何插件，而且在所有主流瀏覽器中都得到支持。而且，通過JavaScript編寫一些函數，可以輕松地實現自定義控制。