我想在视频末尾显示大播放按钮,以便用户可以轻松地重播它。
似乎默认情况下显示了这个大播放按钮(我阅读的每个帖子都是隐藏它而不是显示它...),但对我而言并非如此...
我尝试编辑以下功能(在video.dev.js文件中),但没有任何变化:
vjs.Player.prototype.onEnded = function(){
if (this.options_['loop']) {
this.currentTime(0);
this.play();
}
else { // I am not using loop mode
this.bigPlayButton.show();
this.pause();
}
};
感谢您的回复。
最佳答案
有几种方法可以做到这一点。当视频以API结尾时,您可以显示按钮:
videojs("myPlayer").ready(function(){
var myPlayer = this;
myPlayer.on("ended", function(){
myPlayer.bigPlayButton.show();
});
});
或者,如果您确实想修改
video.dev.js
,则只需取消对执行相同操作的行的注释:vjs.BigPlayButton = vjs.Button.extend({
/** @constructor */
init: function(player, options){
vjs.Button.call(this, player, options);
if (!player.controls()) {
this.hide();
}
player.on('play', vjs.bind(this, this.hide));
// player.on('ended', vjs.bind(this, this.show)); // uncomment this
}
});
或者使用CSS,您可以在视频不播放(结束或暂停)时强制显示该按钮:
.video-js.vjs-default-skin.vjs-paused .vjs-big-play-button {display:block !important;}
您所看到的有关隐藏它的帖子可能涉及video.js的第3版,并且在最后显示了播放按钮。
关于video.js - Video.js : show big play button at the end,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17525759/