在網頁設計中，添加視頻是為了增強視覺體驗，但對于大多數人來說，在加載視頻之前預覽圖是必不可少的。

在HTML中，可以使用“<video>”元素來添加視頻。但是，默認情況下它并不會給你提供預覽圖。 幸運的是，可以使用“poster”屬性來為“<video>”元素添加預覽圖，如下所示：

<video src="your-video-file.mp4" poster="your-poster-image.jpg"></video>

如上圖所示，在上面的HTML代碼中，“poster”屬性包含圖片路徑，該圖片用作視頻未開始播放時的預覽圖。

它應該是一個JPEG格式的圖像，可以使用網絡上任何一種圖像（.jpg，.jpeg，.png等）。實際上，視頻預覽圖中的任何一段關鍵幀都可以成為預覽圖，從而顯示在視頻封面圖片上。

但是，需要確保視頻格式與所需的“.jpg”或“.png”格式一致。

在添加視頻和設置預覽圖時，請記住提供高品質的和精美的預覽圖，以便吸引用戶進一步觀看你的視頻。此外，如果你的視頻需要自動播放，請確保只在Wi-Fi環境下播放，以避免移動數據流量的使用問題。