01
2019
11

解决优酷视频分享(iframe)不能全屏播放的问题

当我们在其他网站要调用优酷视频的时候,简单的方法就是使用优酷分享的代码。

下面是优酷的默认分享代码:

<iframe height=498 width=510 src='http://player.youku.com/embed/XMzU4Mzg2NjA2OA==' frameborder=0 'allowfullscreen'></iframe>

而把此iframe代码代码嵌入到页面的时候,全屏播放按钮无效。

More...

10
2018
01

让iframe自适应浏览器宽度和高度,实现全屏显示

不废话,看代码

<script type="text/javascript">
    function changeFrameHW(){
        var ifm= document.getElementById("ifr");
        ifm.height=document.documentElement.clientHeight;
        ifm.width=document.documentElement.clientWidth;
    }
    window.onresize=function(){  
         changeFrameHW();
    }
</script>
<iframe id="ifr" src="http://www.baidu.com" scrolling="no" onload="changeFrameHW()" frameborder="0"></iframe>


«1»