HTML5是當(dāng)前最流行的網(wǎng)頁(yè)開發(fā)語(yǔ)言之一，而使用HTML5來引用MP4視頻是非常常見的需求，接下來我們就來看一下如何使用HTML5來引用和播放MP4視頻。 一、創(chuàng)建視頻標(biāo)簽 首先，我們需要在HTML中創(chuàng)建一個(gè)video標(biāo)簽，用來引用和播放MP4視頻，代碼如下所示：

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

在上面的代碼中，我們使用了src屬性來指定要播放的MP4視頻的文件路徑，同時(shí)還使用了controls屬性來添加視頻播放的控制面板。 二、設(shè)置視頻的寬度和高度 如果我們不指定視頻的寬度和高度，那么視頻將采用默認(rèn)的尺寸來展示。為了使視頻更好地適應(yīng)頁(yè)面布局，我們可以使用width和height屬性來設(shè)置視頻的寬度和高度，代碼如下：

<video src="video.mp4" controls width="640" height="360"></video>

在上面的代碼中，我們將視頻的寬度設(shè)置為640像素，高度設(shè)置為360像素。 三、添加視頻封面圖片 為了在視頻加載和播放之前為用戶呈現(xiàn)一張相關(guān)的圖片，我們可以使用poster屬性來添加視頻的封面圖片，代碼如下：

<video src="video.mp4" controls width="640" height="360" poster="video-poster.jpg"></video>

在上面的代碼中，我們將視頻的封面圖片設(shè)置為video-poster.jpg。 四、提供多種視頻格式 不同的瀏覽器對(duì)于MP4視頻的支持程度是不同的，為了確保我們的視頻可以在不同的瀏覽器上正常播放，我們可以提供多種視頻格式，例如MP4、WebM和OGG等。我們可以在video標(biāo)簽內(nèi)添加多個(gè)source標(biāo)簽，每個(gè)source標(biāo)簽代表一種視頻格式，代碼如下所示：

<video width="640" height="360" controls>
<source src="video.mp4" type="video/mp4">
<source src="video.webm" type="video/webm">
<source src="video.ogg" type="video/ogg">
您的瀏覽器不支持HTML5視頻。
</video>

在上面的代碼中，我們提供了MP4、WebM和OGG三種視頻格式，如果瀏覽器不支持HTML5視頻，那么會(huì)顯示“您的瀏覽器不支持HTML5視頻。” 以上便是使用HTML5來引用MP4視頻的方法，希望能對(duì)您有所幫助。