Javascript 自动全屏iframe视频,无需使用任何api

Javascript 自动全屏iframe视频,无需使用任何api,javascript,jquery,iframe,fullscreen,Javascript,Jquery,Iframe,Fullscreen,这是否可能使“自动全屏iframe视频不使用任何api”。我已经尝试过youtube api,它工作得很好。但我需要知道这是可能的还是不可能的。请用演示向我解释。多谢各位 或任何其他方法/技巧来实现此解决方案。有一个使用javascript的解决方案。它适用于Mozilla和Webkit浏览器 您可以使用element.mozRequestFullScreen()和元素.webkitRequestFullScreen() 例如: 功能全屏(id){ var元素=document.getEleme

这是否可能使“自动全屏iframe视频不使用任何api”。我已经尝试过youtube api,它工作得很好。但我需要知道这是可能的还是不可能的。请用演示向我解释。多谢各位


或任何其他方法/技巧来实现此解决方案。

有一个使用javascript的解决方案。它适用于Mozilla和Webkit浏览器

您可以使用
element.mozRequestFullScreen()
元素.webkitRequestFullScreen()

例如:

功能全屏(id){
var元素=document.getElementById(id);
if(element.mozRequestFullScreen){
元素。mozRequestFullScreen();
}else if(element.webkitRequestFullScreen){
元素。webkitRequestFullScreen();
}
}

全屏
要允许
元素的全屏模式,您需要将iframe设置为
allowFullScreen

<iframe src="iframe.html" width="100" height="100" allowFullScreen></iframe>

您可以使用Html5功能,使用视频标签

<video width="321" height="244" controls>
<source src="folder/movie.mp4" type="video/mp4">
<source src="folder/movie.ogg" type="video/ogg">
Your browser does not support the video tag.
</video>

您的浏览器不支持视频标记。
或者您可以使用iframe

<iframe src="folder/movie.mp4" width="550" height="380"
frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen>
</iframe>