我试图让用户能够以全屏模式观看视频。该视频使用iframe嵌入到stream.php内的streamvideo.php中。
我发现iframe不允许内容全屏,除非我们调用 allowfullscreen
用户登录我的网站时。 index.php 使用内部html加载 Stream.php 并在stream.php中加载各种iframe
的index.php
<li id="onlineslides"><a href="#onlineslides" onclick="load_home2();">OnlineSlides</a></li>
function load_home2(){
document.getElementById("content").innerHTML='<object style="width: 100%; height: 100%; overflow:auto" type="text/html" data="stream/stream.php" ></object>';
}
Stream.php
<iframe src="video/streamvideo.php" id="streamvideoiFrame" frameborder="0" width="800" height="1000" allowfullscreen="" webkitallowfullscreen=""> ></iframe>
当我直接访问 stream.php 时,我可以全屏查看视频。但是当我使用index.php访问链接时,我无法全屏加载视频。我该如何解决这个问题?