如何在网站中添加嵌入视频的缩略图（Squarespace）

Question

我已使用以下代码将一些视频嵌入到我的网站。

<div id="container">
<video loop autoplay="autoplay" />
    <source id="mp4" src="/s/test.mp4" type="video/mp4" />
</video>
</div>  

当进入我的网站时，视频需要几秒钟才能加载。而且背景是黑色的，看起来不公平。如果网速好没问题，否则它会显示几秒钟的黑色背景。 那么如何在加载视频时添加缩略图或添加称为“视频加载”的文本。

Answer 1

使用标签ID海报

<video controls="controls" poster="/IMG_LOCATION/IMAGENAME">

更多信息可以找到http://www.w3schools.com/html5/att_video_poster.asp

我在这里找到了这个：How to make a loading image when loading HTML5 video?

如果这不起作用，请查看该页面上的第一个答案 - 您可以在其中使用一些 javascript 显示加载图像，但此解决方案对我有用。