VideoJS居中播放按钮

Question

我以为我会分享一些代码,可能会派给某人使用.这是一个以视频-js播放器中的播放按钮为中心的功能,它适用于我.你只需要在暂停事件和播放器初始化而不是自动播放时调用它.

请享用!

function CenterPlayBT() {
   var playBT = $(".vjs-big-play-button");
   playBT.css({
      left:( (playBT.parent().outerWidth()-playBT.outerWidth())/2 )+"px",
      top:( (playBT.parent().outerHeight()-playBT.outerHeight())/2 )+"px"
   });
}

Answer 1

您可以尝试在videojs.com上播放,或者像@misterben上面说的那样:"只需将vjs-big-play-centered类添加到视频元素中"

<video id="my_video" class="video-js vjs-default-skin vjs-big-play-centered" width="640" height="360"... ></video>

游乐场:https://codepen.io/heff/pen/EarCt

对于SCSS版本,您可以使用

$center-big-play-button: true;