javascript - VideoJS居中播放按钮

Question

我想我应该分享一段可能对某些人有用的代码。这是一个以 video-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 上面所说:

Simply add the vjs-big-play-centered class to the video element.

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

Playground :https://codepen.io/heff/pen/EarCt

对于 SCSS 版本你可以使用

$center-big-play-button: true;