Html -视频海报问题

Question

<video id="bgvid" controls >
   <source src="video/careers-video.mp4" poster="https://netbramha.staging.wpengine.com/wp-content/themes/netbramha-new/images/thumbnail-video@3x.jpg" type="video/mp4">
</video>

嘿，伙计们，我想贴张海报。但它不起作用。我已经粘贴了上面的代码，我正在使用一个插件来定制视频。我使用的代码是正确的吗？

在这个链接中，你可以看到相同的插件。http://www.responsivedad.com/。

谢谢:)

Answer 1

<video id="bgvid" controls poster="https://netbramha.staging.wpengine.com/wp-content/themes/netbramha-new/images/thumbnail-video@3x.jpg">
   <source src="video/careers-video.mp4" type="video/mp4">
</video>

poster属性是视频标签的属性。这可能是工作

Answer 2

如果您使用图像的扩展作为无法加载图像的原因，请使用

1. jpgf .jpg (不使用带source tag的扩展代码

​

video{
width:300px;
height:250px
}

<video controls poster="https://netbramha.staging.wpengine.com/wp-content/themes/netbramha-new/images/thumbnail-video@3x.jpg">
  <source src="video/careers-video.mp4" type="video/mp4">
</video>

​