VideoJS - 如何设置" controlsBelow"和" controlsHiding" Videojs的选项4

时间:2014-03-13 12:17:07

标签: html5 video html5-video video.js

使用Video.js v4.3.0,如何设置以下选项?
  - 在视频区域下方找到控制栏
  - 始终显示控制栏(即使用户处于非活动状态也不显示)

可以使用Videojs v2(和v3,不确定)使用以下脚本执行此操作。

// this is an old method for Videojs v2 (and v3)
VideoJS.setupAllWhenReady({
             controlsBelow: true, 
             controlsHiding: false
       });

我尝试使用video-js.css修改。它不适用于移动环境(在iPad,Android等),而在PC上运行良好。

/* for locating a control bar below a video area */
.vjs-default-skin .vjs-control-bar {
  /* bottom: 0;    default value */
  bottom: -36px;
}

/* for not hiding a control bar */
.vjs-fade-out{
  /* visibility:hidden; default value */
  /* opacity:0;         default value */
  visibility: visible;
  opacity: 1;
}

如果有人能在这里帮助我,我将不胜感激。

0 个答案:

没有答案