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

How to pause video on video.js without controls

本文关键字：视频 情况下 暂停 js 控件      更新时间：2023-09-26

我正在使用视频.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>

如您所见，控件被禁用。但我想在点击时暂停这个视频。有人可以告诉我我该怎么做。

根据这里的文档（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>

爪哇语

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

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

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

.vjs-control-bar, .vjs-big-play-button {
   display: none !important;
}
相关文章：