HTML5 Video 設置圖片 在 HTML5 中，我們可以通過使用 video 標簽來嵌入視頻，同時也支持在視頻播放之前顯示一張圖片。本篇文章將會介紹如何設置這個圖片。 首先，在 video 標簽中插入一個 img 標簽來顯示圖片，如下所示：

<video controls preload="none">
<img src="image.jpg" alt="video thumbnail">
<source src="video.mp4" type="video/mp4">
</video>

上面的代碼中，我們先插入了一個 img 標簽來顯示圖片，然后再插入 source 標簽來定義視頻資源。其中，preload 屬性設置為 "none"，表示視頻不會在網頁加載時自動請求資源，而是在用戶點擊播放按鈕后再進行加載。 接下來，我們可以使用 CSS 來設置圖片的樣式。例如，可以設置圖片的大小和顯示方式，如下所示：

<style>
.video-thumbnail {
width: 100%;
height: auto;
object-fit: cover;
}
</style>

上面的代碼中，我們使用了 .video-thumbnail 類來設置圖片的樣式，其中 width 和 height 屬性用來設置圖片的大小，而 object-fit 屬性則用來定義圖片的顯示方式。在這里，我們將其設置為 "cover"，表示圖片會被放大和縮小以填滿整個容器，同時保持圖片的寬高比例不變。 通過上述步驟，我們就可以使用 HTML5 Video 設置一張圖片了。當然，你也可以使用 JavaScript 等技術來實現更復雜的操作，例如動態地加載不同的圖片和視頻資源。