gpt4 book ai didi

java - 如何在网站中添加嵌入视频的缩略图(Squarespace)

转载 作者:太空宇宙 更新时间:2023-11-04 13:36:40 27 4
gpt4 key购买 nike

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

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

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

最佳答案

使用标签 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 显示加载图像,但此解决方案对我有用。

关于java - 如何在网站中添加嵌入视频的缩略图(Squarespace),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31628028/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com