如何在 Safari for iOS 中的 video.js 中设置 currentTime

Question

其他还可以，但是currentTime的设置：

我尝试了一些方法，例如：

videojs("example_video_1", {}, function() {
    this.currentTime(200);
    this.play();
});

这是行不通的。

videojs("example_video_1").ready(function(){
    this.currentTime(200);
});

这也行不通。

var dom = document.getElementById('example_video_1');
dom.addEventListener("loadedmetadata", function() {
    dom.currentTime = 100;
}, false);    // ok for no video.js
videojs(dom);

不工作。甚至反转addEventListener 的行并初始化videojs。

我尝试了 videojs 事件。

var player = videojs("example_video_1");
alert(player.addEvent);
alert(player.addEventListener);

这些API都不存在，如何在videojs绑定Event？

Answer 1

这就是我在启动时在定义的位置播放视频的方式（它消除了视频首先开始然后才跳转到视频位置的问题）：

$(document).ready(function()
{
    var timecode = 120;
    var initdone = false;

    // wait for video metadata to load, then set time 
    video.on("loadedmetadata", function(){
        video.currentTime(timecode);
    });

    // iPhone/iPad need to play first, then set the time
    // events: https://www.w3.org/TR/html5/embedded-content-0.html#mediaevents
    video.on("canplaythrough", function(){
        if(!initdone)
        {
            video.currentTime(timecode);
            initdone = true;
        }
    });

}); // END ready

Answer 2

哦，幸运的是，我在https://github.com/videojs/video.js找到了一个例子

var dom = document.getElementById('example_video_1');
videojs(dom, {}, function(){
    this.on('loadedmetadata', function(){
        this.currentTime(500);
    });
});

这行，绑定事件的API是player.on('event', fn);

videojs 很酷~