html5-video - 如何使用html 5跳转到视频的位置

Question

我想使用 html5 视频标签来播放我的视频。
如何设置视频开始播放的时间。

例如我的视频是 90 秒长我想在 30 秒开始播放

  <video width="320" height="240" controls>
  <source src="<?php echo base_url() ?>/programs/prg1.mp4" type="video/mp4">
  Your browser does not support the video tag.
  </video>

请帮我

Answer 1

来自 http://blog.grio.com/2012/08/how-to-seek-an-html5-video-at-a-specific-time-on-load.html

如何在加载时在特定时间查找 HTML5 视频作者:Peter Tubig

HTML:

<video id="video1" width="320" height="240">
     <source src="movie.mp4" type="video/mp4" />
</video>

Javascript:

document.getElementById("video1").currentTime = 10;

Javascript 语句将 video1 视频的当前时间设置为 10 秒标记。但是，这仅在浏览器已加载视频的元数据时才有效。元数据包含相关的视频信息，例如尺寸和持续时间。浏览器需要知道视频的持续时间才能搜索视频。如果没有，则不会设置当前时间(保持为 0)。可能发生这种情况的一种情况是网页想要在页面加载时的特定时间播放视频。