javascript - 如何在没有控件的情况下在 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/