Question

html5 video ie全屏

html5 video 自己写control在ie上全屏播放如何写

Answer 1

//模拟F11

function F11key(){ 

//判断是否ie并进行相应的全屏

//requestFullScreen()

var navigatorName = "Microsoft Internet Explorer";    

if( navigator.appName == navigatorName ){    

//alert("ie")   

var WsShell = new ActiveXObject('WScript.Shell') 

WsShell.SendKeys('{F11}'); 

}else{   

var de = document.documentElement;

if (de.requestFullscreen) {

de.requestFullscreen();

} else if (de.mozRequestFullScreen) {

de.mozRequestFullScreen();

} else if (de.webkitRequestFullScreen) {

de.webkitRequestFullScreen();

}else if (de.msRequestFullscreen) {

de.msRequestFullscreen();

}

//alert("not ie")   

} 

} 

Answer 2

开始播放自动全屏暂停自动还原
示例代码：
<video controls src="" width="250" height="250" onpause="width='要还原的宽度 ';height='要还原的高度'" onplaying="width='适合屏幕的宽度';height='适合屏幕的高度 '"></video>

Answer 3

video{width:100%; height:100%;}

追问

.....全屏播放啊整个屏幕就剩播放器？怎么实现？

追答

默认的有那个按钮吧？

Your browser does not support the video tag.

这样会调用浏览器默认控件

追问

我是想要自己写control，就是那些按钮全都自己实现，有什么办法实现，（可不可以调用默认control的功能，有接口吗？）

Answer 4

自己写个js，网上有很多的例子，你可以看一下