VideoJS居中播放按钮

我以为我会分享一些可能派上用场的代码.这是一个功能,中心的视频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"
   });
}

解决方法

您可以尝试在 http://designer.videojs.com/播放,或者像上面的@misterben所说：“只需将vjs-big-play为中心的类添加到视频元素”

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