<Video> 帧缩略图

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 视频。

<Video> 帧缩略图

<Video> frame thumbnail photo

html

css

pcloud