自动全屏iframe视频不使用任何api

Question

是否有可能使“使用任何api自动全屏iframe视频”。我已经尝试过youtube api，它的工作很好。但是我需要知道这是否可能。否则请用demo解释我。谢谢。

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

Answer 1

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

您可以使用element.mozRequestFullScreen();和element.webkitRequestFullScreen();

例子：

function goFullscreen(id) { 
    var element = document.getElementById(id); 

    if (element.mozRequestFullScreen) { 
     element.mozRequestFullScreen(); 
    } else if (element.webkitRequestFullScreen) { 
     element.webkitRequestFullScreen(); 
    } 
} 

<img class="video_player" src="image.jpg" id="player"></img> 
<button onclick="goFullscreen('player'); return false">Fullscreen</button> 

要允许全屏模式为元素，你需要设置你的iframe上allowFullScreen：

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

Answer 2

您可以使用Html5特性e，使用视频标签

<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>