createIframe = src => {
this.iframeRef.current.innerHTML = ''
var iframe
iframe = document.createElement('iframe')
iframe.id = 'js_frame'
iframe.name = 'js_frame'
iframe.frameBorder = '0'
iframe.src = src
iframe.setAttribute('allowfullscreen', true)
iframe.setAttribute('allowtransparency', true)
iframe.setAttribute(
'allow',
'fullscreen; autoplay; encrypted-media; microphone *;'
)
this.iframeRef.current.appendChild(iframe)
let box = document.getElementById('js_frame')
if (box) {
box.style.width = '100%'
box.style.height = '100%'
// box.style.minHeight = document.body.clientHeight - 215 + 'px'
box.style.minHeight = '600px'
}
}
iframe自适应展示
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
相关阅读更多精彩内容
- 新接触了一个用iframe的项目,入门的时候子父页面的元素获取和传值搞得我头晕脑胀,浪费了很多时间。在此,总结下i...
- iframe-resizer 自动设置引入的 iframe 高度 参考https://github.com/dav...
- 3、参考文档 https://github.com/davidjbradshaw/iframe-resizer/i...
- 需求:旧的jquery页面,需要引入到react中,用iframe引入,并且初始化jquery的一些数据,还要根据...
- 做项目的时候遇到了iframe嵌套iframe 需要页面高度跟随页面内容多少来显示。而且还不能使用iframe自...