如何在页面上设置videojs播放器

Question

我试图将videoJS播放器设置为固定在页面上。

但我不能。即使我设置固定在videoJS css中的位置。什么都没发生。请帮帮我。

  <div class="video-js-box">
   <video class="video-js"  height="191px" width="246px" controls="controls" 
                     preload="auto" poster="imageUrl">
     <source src="url" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'/>
   </video>
  </div>

脚本

       VideoJS.setupAllWhenReady({
             controlsBelow: true, 
             controlsHiding: true, 
             defaultVolume: 0.85, 
             flashVersion: 9, 
             linksHiding: true
       });

Answer 1

此css规则修复了左上角的div.videojs-box

.video-js-box{
    position:fixed;
    margin:0;
    padding:0;
    left:0;
    top:0;
    height:191px;
    width:246px;
}

Answer 2

匆忙，抱歉......

尝试将其包装在div中并将div设置为fixed（videoJS设置玩家位置：绝对值）

希望这有帮助！