Question

我尝试在开始自动播放之前为video.js添加5秒的延迟，但无法弄清楚如何使用此实现：

$('.video-js').each(function () {
    var element = $(this);
    var id = element.attr('id').replace('#', '');
    var heading_links = element.parents('.post-images-wrapper').find('.pcos-heading-links');

    _V_(id).ready(function() {
        var video_player = this, options = video_player.options();

        if (options.autoplay) { heading_links.hide(); }

        video_player.on('ended', function() {  
            video_player.posterImage.show();  
            video_player.currentTime(0);  
            video_player.controlBar.hide();  
            video_player.bigPlayButton.show();  
            video_player.cancelFullScreen();
            heading_links.show();  
        });  

        video_player.on('play', function() {
            video_player.posterImage.hide();  
            video_player.controlBar.show();  
            video_player.bigPlayButton.hide();
            heading_links.hide();
        });  

    });
});

Answer 1

如果你正在使用_V_，那么你可能会使用旧版本的video.js。以后的版本只使用videojs这应该仍然有用，但你也应该升级。

首先确保您的视频代码不再具有autoplay属性。然后：

_V_(id).ready(function(){
  var player = this;

  setTimeout(function(){
    player.play();
  }, 5000);
});

在视频自动播放之前添加5秒延迟

1 个答案: