在innerhtml / iframe中允许全屏

时间:2016-01-29 06:16:10

标签: javascript php html iframe

我试图让用户能够以全屏模式观看视频。该视频使用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访问链接时,我无法全屏加载视频。我该如何解决这个问题?

0 个答案:

没有答案