videojs全屏問題

Ⅰ videojs如何在控制欄上增加一個按鈕

這是實現之後的效果

源碼：

//自定義控制條
var player = videojs(videoId,
{
"controls": true,
"autoplay": false,
"preload": "auto",
"loop": false,
controlBar:
{
captionsButton: false,
chaptersButton: false,
playbackRateMenuButton: true,
LiveDisplay: true,
subtitlesButton: false,
remainingTimeDisplay: true,
progressControl: true,
volumeMenuButton:
{
inline: false,
vertical: true
},
//豎著的音量條
fullscreenToggle: true
}
}, function () {

var newbtn = document.createElement('btn');
newbtn.innerHTML = '<button class="vjs-control" id="downloadButton"><i class="fa fa-expand" title="全屏"></i></button>' + '<button class="vjs-control" id="full_screen_button"><i class="fa fa-chrome" title="截圖"></i></button>' ;
var controlBar = document.getElementsByClassName('vjs-control-bar')[0];
insertBeforeNode = document.getElementsByClassName('vjs-fullscreen-control')[0];
controlBar.insertBefore(newbtn,insertBeforeNode);
player.src({ type : "rtmp/flv", src : r.roomLiveUri});
player.play();
});

裡面用到了一些前端框架的樣式，所以按鈕圖標你需要自己去找，參考的是這位大佬的博客：網頁鏈接

Ⅱ videojs 手機端全屏沒辦法隱藏控制按鈕

要隱藏視頻全屏幕時候的控制條的話，首先要手機的播放器支持才行的。一般的手機上的視頻播放器都有這個功能的吧。

Ⅲ videojs在chrome中無法正常顯示，火狐和ie11可以，怎麼回事

最後我沒用videojs插件，而是通過使用原生的video標簽，然後再屬性中沒用使用controls屬性，然後再自己網路了暫停、播放、全屏、播放進度的代碼，然後添加上去了，也達到了目的，只是剛開始沒有想到這中方式

Ⅳ videojs可以設置自動全屏嗎

：js 當點擊播放按鈕的時候開始計時到5分鍾的時候停止播放視頻事件彈出框

Ⅳ 在網頁中插入圖片和視頻時如何讓網頁快速顯示出來

在網頁中使用HTML5視頻嵌入技術最大的優點就是不需要任何第三方插件（比如 Adobe公司的Flash）就能播放。

不需要第三方插件帶來的好處就是資源佔用更少，想想如果一個網站上嵌入好多flash那該有多慢啊，還好有HTML5視頻嵌入技術可以完好地解決這個問題。

那麼它的配置復雜嗎？很簡單！

首先下載video.js，網路一下就能找到。