ios - 如何在不使用 safari 或 iOS 上的海报的情况下获取 HTML5 视频缩略图？

Question

我嵌入了 mp4 格式的 HTML5 视频。如何在不使用“海报”属性的情况下获取海报等缩略图。这个问题出现在 Safari 和 iOS 上。我添加了如下代码所示的视频。

<video height=350 id='TestVideo' webkit-playsinline><source src='test.mp4' type=video/mp4></video>

在 Chrome、IE、Firefox 上，视频的第一帧以缩略图形式出现，但在 Safari 和 iOS 上不出现。

Answer 1

只需在 video 标签中添加 preload="metadata" 并在 url src 设置 #t=0.1 即可得到帧0.1 秒的视频缩略图

但是，这个方案的缺点是当你点击播放视频时，它总是从0.1s开始

<video preload="metadata" controls>
    <source src="video.mp4#t=0.1" type="video/mp4">
</video>