我的HTML5页面中有一个简单的视频标签。我没有显示视频标签的控件。
检查以下代码:<video width="320" height="240" > <source src="movie.mp4" type="video/mp4"></video>
有什么方法可以触发全屏按钮单击事件,并使视频以全屏模式运行。
任何帮助将不胜感激。
提前致谢。
最佳答案
//由用户点击元素启动
function makeFullScreen(divObj) {
//Use the specification method before using prefixed versions
if (divObj.requestFullscreen) {
divObj.requestFullscreen();
}
else if (divObj.msRequestFullscreen) {
divObj.msRequestFullscreen();
}
else if (divObj.mozRequestFullScreen) {
divObj.mozRequestFullScreen();
}
else if (divObj.webkitRequestFullscreen) {
divObj.webkitRequestFullscreen();
} else {
console.log("Fullscreen API is not supported");
}
}
有关更多信息:http://msdn.microsoft.com/en-us/library/ie/dn265028(v=vs.85).aspx
关于javascript - 手动触发HTML5中视频标签的全屏按钮单击事件,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/21430939/