<视频> 帧缩略图照片

Posted 2023-05-07

【中文标题】<视频> 帧缩略图照片

【英文标题】：<Video> frame thumbnail photo

【发布时间】：2020-03-03 10:12:50

【问题描述】：

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

<video  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>

【问题讨论】：

How to set the thumbnail image on HTML5 video?的可能重复

是的，只需在<video>元素中添加属性poster="/path/to/your/image.jpg"

不是重复但相同的请求。感谢您的输入

【参考方案1】：

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

<video  poster="placeholder.png" controls>

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