javascript – 如何在没有控件的情况下暂停video.js上的视频
作者:互联网
我正在使用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>
如您所知,控件已禁用.但是我想在点击它时暂停这个视频.有人能告诉我如何做到这一点.
解决方法:
根据这里的文档(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/
标签:jquery,javascript,javascript-events,video-js 来源: https://codeday.me/bug/20190713/1454574.html