iframe的2个问题

最新推荐文章于 2023-11-02 15:13:34 发布

weixin_33898876

最新推荐文章于 2023-11-02 15:13:34 发布

阅读量127

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/xiaochongchong/p/8583350.html

本文介绍了解决iframe中视频无法全屏及iossafari/微信浏览器下iframe子页面宽度不受父页面控制的问题。针对全屏问题，通过设置allowfullscreen属性解决；针对宽度控制问题，则使用scrolling=no属性。

1.iframe里的视频无全屏按钮
<iframe src="" allowfullscreen></iframe>
allowfullscreen有个浏览器前缀的属性webkitallowfullscreen等，如果只考虑chrome,allowfullscreen即可。


2.ios safari/微信浏览器 iframe子页面的宽度不受父页面控制的bug
<iframe src="" scrolling="no"></iframe>

转载于:https://www.cnblogs.com/xiaochongchong/p/8583350.html