EasyNVR H5無插件直播方案前端構建之：videojs初始化的一些樣式處理

初始化完成對videojs樣式的調整

---

因爲不一樣項目的須要，對於加載出來的videojs播放器樣式也有不一樣的需求；咱們須要自主的處理一下加載出來的videojs播放器的樣式；

默認加載出來的會包含有暫停按鈕、音量調節按鈕、時間進度條、時間顯示和全屏顯示按鈕等：

問題：

若是咱們進行播放的視頻是直播視頻，時間進度條和時間顯示在播放器樣式上就顯得有點多餘；能夠經過自主更改屬性去除這些樣式；

解決：

經過瀏覽器找到對應的屬性名稱，將對應屬性的值經過CSS設置爲隱藏屬性：

.vjs-progress-control,.vjs-remaining-time-display{
        visibility: hidden;
    }

關於EasyNVR

EasyNVR可以經過簡單的網絡攝像機通道配置，將傳統監控行業裏面的高清網絡攝像機IP Camera、NVR等具備RTSP協議輸出的設備接入到EasyNVR，EasyNVR可以將這些視頻源的音視頻數據進行拉取，轉換爲RTMP/HLS，進行全平臺終端H5直播（Web、Android、iOS），而且EasyNVR可以將視頻源的直播數據對接到第三方CDN網絡，實現互聯網級別的直播分發；

詳細說明：http://www.easydarwin.org/easynvr/

獲取更多信息

郵件：support@easydarwin.org

WEB：www.EasyDarwin.org

Copyright © EasyDarwin.org 2012-2017