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;
      }
    
    

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

  • 相关阅读:
    POJ 1659 Frogs' Neighborhood
    zoj 2913 Bus Pass(BFS)
    ZOJ 1008 Gnome Tetravex(DFS)
    POJ 1562 Oil Deposits (DFS)
    zoj 2165 Red and Black (DFs)poj 1979
    hdu 3954 Level up
    sgu 249 Matrix
    hdu 4417 Super Mario
    SPOJ (BNUOJ) LCM Sum
    hdu 2665 Kth number 划分树
  • 原文地址:https://www.cnblogs.com/TSINGSEE/p/13445885.html
Copyright © 2011-2022 走看看