zoukankan      html  css  js  c++  java
  • H.265编码视频流媒体播放器EasyPlayer.JS界面出现错乱如何排查解决?

    EasyPlayer.JS视频流媒体播放器现在已经支持播放H.265编码的视频,并且兼容性好,能够集成进不同的视频平台进行视频直播,比如我们的EasyDSS视频直播点播平台,就集成了EasyPlayer播放器进行视频播放。

    EasyPlayer.JS界面错乱

    我们在把EasyPlayer.JS播放器集成进EasyNVR视频平台中,有时会发现播放点播文件操作栏出现垂直不居中。

    分析问题

    其实这个是一个很明显的元素对不上导致的问题,我们可以在浏览器控制台找到对应的DOM元素。

    1.在控制台找到进度条上的圆点元素,修改top: -5px。

    2.在控制台找到声音的DOM元素,修改为line-height: 1.7,暂停和全屏也是同样的方法。

    解决问题

    在项目文件中添加css样式代码如下:

      .video-js .vjs-play-progress:before {
        top: -5px;
      }
      .vjs-button > .vjs-icon-placeholder:before,
      .video-js .vjs-fullscreen-control .vjs-icon-placeholder:before {
        line-height: 1.7;
      }
    
    

    修改过后就能够正常显示了:

  • 相关阅读:
    2020.9.26
    2020.10.2
    判断方法
    sql与include
    File类的获取方法
    【每日日报】第十五天
    【每日日报】第十三天
    【每日日报】第十四天
    两数相加(输入框)
    判断闰年
  • 原文地址:https://www.cnblogs.com/TSINGSEE/p/13445885.html
Copyright © 2011-2022 走看看