html5视频标记 - 更改默认视图

时间:2015-06-26 08:47:43

标签: html5 video


我不确定如何解释。关于html5视频标签。除了一个,我把它设置为完美。当我的视频加载(不播放。仅在html上显示)时,它显示白色背景。这是因为视频00:00是白色背景。我可以设置为05.23(显示更有趣的视图。)?

需要帮助。非常感谢。

2 个答案:

答案 0 :(得分:1)

你可以添加"海报"在视频开始之前,您的视频代码就像默认背景一样,请参阅:

<video controls poster="/images/w3html5.gif">
    <source src="movie.mp4" type="video/mp4">
    <source src="movie.ogg" type="video/ogg">
    Your browser does not support the video tag.
</video>

那么您可以将视频中的屏幕截图保存为图像,并将其添加为海报。

也许可以考虑使用像Video.js这样的库,它为您提供了许多额外的功能。 https://github.com/videojs/video.js/blob/stable/docs/guides/setup.md

答案 1 :(得分:1)

You can specify the start position within the <source> tag itself.

<video controls>
  <source src="blah.mp4#t=323" type="video/mp4">
  <source src="blah.ogg#t=323" type="video/ogg">
</video>

That #t=323 will provide the start point to the html video player in seconds.