Question

我正在使用video.js。这是我实现它的方式。

<video id="example_video_1" class="video-js vjs-default-skin" loop preload="auto" width="530" height="530" poster="<?php echo $iurl; ?>" autoplay>
<source src="<?php echo $vurl; ?>" type='video/mp4' />
</video>

正如您所注意到的，控件已被禁用。但是我想在点击它时暂停这个视频。有人能告诉我如何做到这一点。

Answer 1

根据此处的文档（https://github.com/videojs/video.js/blob/master/docs/api.md），以下javascript应该有效：

<强> HTML

<video id="example_video_1" onclick="togglePause()" class="video-js vjs-default-skin" loop preload="auto" width="530" height="530" poster="<?php echo $iurl; ?>" autoplay>
<source src="<?php echo $vurl; ?>" type='video/mp4' />
</video>

<强>的Javascript

var myPlayer = videojs("example_video_1");
togglePause = function(){
  if (myPlayer.paused()) {
    myPlayer.play();
  }
  else {
    myPlayer.pause();
  }
}

暂停后，我认为视频应该继续播放？ jsFiddle工作示例：http://jsfiddle.net/fR2Xs/

Answer 2

另一种方法是启用控件并将其显示值设置为none。这样您就可以暂停视频，并且控件不可见。

.vjs-control-bar, .vjs-big-play-button {
   display: none !important;
}

如何在没有控件的情况下暂停video.js上的视频

2 个答案: