var $this = this;
$(".videoContainer").each(function () {
- if($(this).closest('.rightclone').length>0 && $(this).is(':hidden')){
+ if ($(this).closest('.rightclone').length > 0 && $(this).is(':hidden')) {
return;
}
$this.resizeControls(); // Make sure player controls are the right size
- if (autoplay) {
+ if (autoplay) {
var promise = player.play();
if (promise !== undefined) {
console.log('autoplay nok');
// Autoplay was prevented.
});
- }else{
+ } else {
}
}
// console.log(id + ' player paused');
// Show play button (ref: http://stackoverflow.com/a/25296575)
- this.bigPlayButton.show();
+ if (controls) {
+ this.bigPlayButton.show();
+ }
// Now the issue is that we need to hide it again if we start playing
// So every time we do this, we can create a one-time listener for play events.
.vjs-fluidbook-skin .vjs-big-play-button {
background-image: url(@video-bigplay-image);
+}
+
+.vjs-controls-disabled.vjs-fluidbook-skin {
+ .vjs-big-play-button {
+ visibility: hidden;
+ display: none;
+ opacity: 0;
+ }
}
\ No newline at end of file