如何在 HTML5 视频上设置缩略图？

小编典典

如何在 HTML5 视频上设置缩略图？

all

有没有办法在 HTML5 视频上设置缩略图？我想在玩之前看一些照片。我的代码如下所示：

<video width="470" height="255" controls>
    <source src="video.mp4" type="video/mp4">
    <source src="video.ogg" type="video/ogg">
    <source src="video.webm" type="video/webm">
    <object data="video.mp4" width="470" height="255">
    <embed src="video.swf" width="470" height="255">
    </object>
</video>

谢谢！

阅读 124

2022-08-27

共1个答案

小编典典

添加poster="placeholder.png"到视频标签。

<video width="470" height="255" poster="placeholder.png" controls>
    <source src="video.mp4" type="video/mp4">
    <source src="video.ogg" type="video/ogg">
    <source src="video.webm" type="video/webm">
    <object data="video.mp4" width="470" height="255">
    <embed src="video.swf" width="470" height="255">
    </object>
</video>

那样有用吗？

2022-08-27