Javascript 自动全屏iframe视频,无需使用任何api
这是否可能使“自动全屏iframe视频不使用任何api”。我已经尝试过youtube 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
或任何其他方法/技巧来实现此解决方案。有一个使用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>