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

修改過後就能夠正常顯示了：