如何使用 html 5 跳转到视频位置

2024-04-19

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

例如我的视频长 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>

请帮我


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

如何在 Load 上的特定时间查找 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)。可能发生这种情况的场景是当网页想要在页面加载时的特定时间播放视频时。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何使用 html 5 跳转到视频位置 的相关文章

随机推荐