【问题标题】:How to play a video from the nth second? [duplicate]如何从第 n 秒开始播放视频? [复制]
【发布时间】:2015-11-05 20:27:17
【问题描述】:

假设我有一个 4 分钟的视频,我希望它从第 25 秒开始播放,而不是从头开始播放。

<video autoplay loop id="bgvid">
  <source src="back.mp4" type="video/mp4">
</video>

【问题讨论】:

  • @Xufox 是的,我也在想同样的 xD,你能指导我完成 javascript 方法吗?

标签: javascript html video html5-video


【解决方案1】:

尝试追加#t=TIME

<video autoplay loop id="bgvid">
  <source src="back.mp4#t=25" type="video/mp4">
</video>

W3.org:媒体片段 URI - http://www.w3.org/TR/media-frags/

【讨论】:

  • 哇,这是迄今为止最简单的方法,非常感谢!
  • 每个人都需要知道这一点!
【解决方案2】:
document.getElementById('bgvid').addEventListener('loadedmetadata', function() {
  this.currentTime = 25;
}, false);

【讨论】:

  • 是的,这就是基本方法。不过,我们将不胜感激。
  • 非常感谢。我会试试看!
【解决方案3】:

是的 Mohit,我之前一直在寻找一个完全相同的功能,根据这个 question,你可以试试这个 javascript 代码的 sn-p,它对我有用; 【也是一种在特定时间停止视频的方法】

function playVideo() {
    var starttime = 2;  // start at 2 seconds
    var endtime = 4;    // stop at 4 seconds

    var video = document.getElementById('player1');

    //handler should be bound first
    video.addEventListener("timeupdate", function() {
       if (this.currentTime >= endtime) {
            this.pause();
        }
    }, false);

    //suppose that video src has been already set properly
    video.load();
    video.play();    //must call this otherwise can't seek on some browsers, e.g. Firefox 4
    try {
        video.currentTime = starttime;
    } catch (ex) {
        //handle exceptions here
    }
}

【讨论】:

  • 非常感谢。我会试试看!
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2013-07-20
  • 2022-01-11
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2014-10-04
  • 2022-07-22
相关资源
最近更新 更多