javascript - 如何设置页面上固定的videojs播放器

我试图将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
       });

最佳答案

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

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

关于javascript - 如何设置页面上固定的videojs播放器，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/8635658/