📜  如何在 HTML 5 中设置视频的缩略图?

📅  最后修改于: 2021-10-28 03:08:52             🧑  作者: Mango

简介:在本文中,我们将学习如何为 HTML5 视频设置缩略图。缩略图是作为视频预览显示的图像。基本上它用于表示视频包含的内容或与之相关的内容。它一直显示到视频开始的时间。默认情况下,视频的第一帧显示为视频的初始预览。

方法:有时用户希望显示他选择的特定图像作为视频的缩略图。这可以通过使用海报属性简单地完成。您所要做的就是在视频标签中创建一个海报属性,并将缩略图的 URL 放入其中。

句法:

例子:



  

  
    

  

输出:

说明: video 标签的poster 属性包含用户想要设置为视频缩略图的图像的URL,该图像是在用户按下播放按钮之前可见的图像。 src 属性包含视频的 URL, control 属性显示视频中的播放/暂停/搜索/音量等功能。

有关 HTML 视频标签的更多信息,请访问这里