<视频> 帧缩略图照片答案

【问题标题】：<Video> frame thumbnail photo<视频> 帧缩略图照片
【发布时间】：2020-03-03 10:12:50
【问题描述】：

我的网站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>

【问题讨论】：

How to set the thumbnail image on HTML5 video?的可能重复
是的，只需在<video>元素中添加属性poster="/path/to/your/image.jpg"
不是重复但相同的请求。感谢您的输入

标签： html css pcloud

【解决方案1】：

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

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

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

【讨论】：