jquery – 如何在HTML5视频上设置缩略图?

前端之家收集整理的这篇文章主要介绍了jquery – 如何在HTML5视频上设置缩略图?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
有没有办法在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>

谢谢!

解决方法

在视频标签添加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>

这是工作吗?

猜你在找的jQuery相关文章