poster 是 <video> 元素的属性之一,用于指定在视频加载前和用户点击播放按钮之前显示的图像。这个图像通常是视频的封面或预览图,提供给用户一些关于视频内容的信息。

以下是一个简单的示例:
<video controls poster="video-poster.jpg">
  <source src="example.mp4" type="video/mp4">
  Your browser does not support the video tag.
</video>

在这个例子中,poster 属性被设置为 "video-poster.jpg",这意味着在视频加载前和用户点击播放按钮之前,页面上会显示这个指定的图片。

这个属性对于提供更好的用户体验和展示视频内容摘要非常有用。需要注意的是,一些浏览器在自动播放和预加载的情况下可能会忽略 poster 属性。在这种情况下,为了确保封面图像始终显示,建议使用默认的播放控件(controls 属性)并让用户手动触发播放。


转载请注明出处:http://www.zyzy.cn/article/detail/3936/HTML