如何设置视频播放器固定在页面上

How to set videojs player fixed on page

本文关键字：播放器 视频 何设置 设置      更新时间：2023-09-26

我尝试将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.video-js-box在左上角

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

赶时间，抱歉…

尝试将其包装在div中并将该div设置为fixed (videoJS设置播放器位置:absolute)

希望这对你有帮助!

相关文章：