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

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/