html - 帧缩略图照片

Question

我的网站http://www.kreativekouples.com/videography/ 有很多托管在 pCloud 上的视频，但是在我的网站上展示时看起来很奇怪，因为它们都是黑色的预览。我可以像 YouTube 允许的那样在他们的视频上上传缩略图吗？

<video width="100%" controls>
  <source src="https://filedn.com/lhwRBSoh6FuH95L1pyyOOz4/kir_manni_wedd.mp4" type="video/mp4"> 
  <source src="https://filedn.com/lhwRBSoh6FuH95L1pyyOOz4/kir_manni_wedd.mp4" type="video/ogg">
  Your browser does not support HTML5 video. 
</video>

Answer 1

添加 poster="{photo-url example (placeholder.png)}" 到视频标签。

<video width="100%" poster="placeholder.png" controls>

您的浏览器不支持 HTML5 视频。