iframe自适应展示

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'
  }
}
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容