简介:在本文中,我们将学习如何为 HTML5 视频设置缩略图。缩略图是作为视频预览显示的图像。基本上它用于表示视频包含的内容或与之相关的内容。它一直显示到视频开始的时间。默认情况下,视频的第一帧显示为视频的初始预览。
方法:有时用户希望显示他选择的特定图像作为视频的缩略图。这可以通过使用海报属性简单地完成。您所要做的就是在视频标签中创建一个海报属性,并将缩略图的 URL 放入其中。
句法:
例子:
输出:
说明: video 标签的poster 属性包含用户想要设置为视频缩略图的图像的URL,该图像是在用户按下播放按钮之前可见的图像。 src 属性包含视频的 URL, control 属性显示视频中的播放/暂停/搜索/音量等功能。
有关 HTML 视频标签的更多信息,请访问这里