我希望视频缩略图显示为视频的第一帧。我的解决方案是在第1帧而不是第0帧(下面的代码)开始视频。这在Firefox和Chrome中效果很好,但是IE希望在第0帧上将视频初始化为空。是否有解决方法,以便所有三个浏览器都显示第一帧缩略图。我确实尝试了海报,但在所有浏览器上均无法正常工作。任何帮助,将不胜感激。我使用#t = 1访问第一帧。
<video style="margin-left: auto; margin-right: auto; display: block; padding-bottom: 2em;" width="640" height="360" controls >
<source src="_videos/My_Video.mp4#t=1" type="video/mp4" >
</video>
感谢您的帮助。
答案 0 :(得分:0)
我了解您想将第一帧显示为视频的缩略图。但看起来Internet Explorer不支持它。
您曾提到您已经使用海报属性显示视频的缩略图,但是它无法正常工作。您能告诉我们海报面临的问题吗?我尝试用我的海报进行测试,看来它正在与IE配合使用。
示例代码:
<video controls
src="https://archive.org/download/BigBuckBunny_124/Content/big_buck_bunny_720p_surround.mp4"
poster="https://peach.blender.org/wp-content/uploads/title_anouncement.jpg?x11217"
width="620">
Sorry, your browser doesn't support embedded videos,
but don't worry, you can <a href="https://archive.org/details/BigBuckBunny_124">download it</a>
and watch it with your favorite video player!
</video>
输出:
参考: