全屏视频HTML 5 Internet Explorer

Question

我正在创建自己的HTML 5浏览器播放器.所有控件分开工作,使得在IE 10,Chrome,Safari和Firefox中全屏工作非常好.

我的JavaScript技能并不是最好的,所以如果有人能够以一种简单的方式为我解释事情就会很棒.

我在一些网站上看到IE不支持全屏,如果是这样的话,为什么我可以通过IE10上的浏览器播放器控件进入全屏？(讨厌微软如此垃圾,一切都在后面!)

将不胜感激,帮助和建议!提前致谢!

这是我到目前为止的全屏功能:

function toggleFullScreen() {
    if(vid.requestFullScreen) {
    vid.requestFullScreen();   
    } else if(vid.webkitRequestFullScreen) { 
    vid.webkitRequestFullScreen();   
    } else if(vid.mozRequestFullScreen) { 
    vid.mozRequestFullScreen();
    }
    }

Answer 1

在版本11之前,IE不支持全屏API.

但是,如果您希望在IE10 <=中产生类似效果,则可以在position: static和之间切换元素position: fixed.虽然元素具有固定的定位,但您可以给它width: 100%; height: 100%.

您可以看到这是在YouTube的IE5 HTML5播放器上完成的.

此外,您似乎可以F11从JavaScript 发送按键,使浏览器窗口进入全屏查看模式.

var wscript = new ActiveXObject("Wscript.shell");
wscript.SendKeys("{F11}");

通过这两种方法的结合,我认为这是最接近IE可以模拟全屏API的方法.

Answer 2

我在一些网站上看到IE不支持全屏

直到版本11,它才会支持全屏api.

如果是这种情况,为什么我可以通过IE10上的浏览器播放器控件进入全屏？

因为它们是原生的控制; 他们不使用全屏API.