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，网络一下就能找到。