javascript - 如何设置固定在页面上的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;
}