Question

html5实现单击按钮视频全屏播放，这些代码怎么用，一直没有看明白，还望高手给予指点

html5实现单击按钮视频全屏播放，这些代码怎么用，一直没有看明白，还望高手给予指点
http://www.jb51.net/article/50470.htm
http://blog.csdn.net/dracotianlong/article/details/7761276

Answer 1

全屏api是新版本浏览器贺源才支持，但每个浏览器支持的程度不一样，有的支持了w3c标准方法（requestFullscreen），但有的浏览器只支持自有方法（需加前缀，如：webkitRequestFullScreen
），所以我们有用的时候为了兼容所以浏览器就得分别判断去使用，所以薯拍码就有了以下这种用法：

//W3C 
if (docElm.requestFullscreen) { 
docElm.requestFullscreen(); 
} 
//FireFox 
else if (docElm.mozRequestFullScreen) { 
docElm.mozRequestFullScreen(); 
} 
//Chrome等 
else if (docElm.webkitRequestFullScreen) { 
docElm.webkitRequestFullScreen(); 
} 
//IE11 
else if 数哪(elem.msRequestFullscreen) { 
elem.msRequestFullscreen(); 
}

追问

恩 这个我知道 也理解 就是不知道这段代码加在哪里 怎么去实现 或者你简单的给我写个程序 展现一下 这些代码写在哪里 具体还怎么用 万分感谢 ！！！

追答

比如要控制视频全屏播放，页面上有个按钮：

<button id="fullScr">全屏播放</button>

<video src="xxx.mp4" id="movie"></video>

以下代码就实现了点击按钮全屏

var btnFullScr = document.getElementById('fullScr');
var movie = document.getElementById('movie');
btnFullScr.onclick = function(){
if (movie.requestFullscreen) { 
movie.requestFullscreen(); 
} 
//FireFox 
else if (movie.mozRequestFullScreen) { 
movie.mozRequestFullScreen(); 
} 
//Chrome等 
else if (movie.webkitRequestFullScreen) { 
movie.webkitRequestFullScreen(); 
} 
//IE11 
else if (movie.msRequestFullscreen) { 
movie.msRequestFullscreen(); 
}
}