【问题标题】:Vimeo embed iframe not visible in IE11Vimeo 嵌入 iframe 在 IE11 中不可见
【发布时间】:2014-06-28 04:22:24
【问题描述】:

我将包含 vimeo 嵌入代码的 iframe 附加到网站,隐藏 iframe 并在加载时显示第一个 iframe。

适用于:Chrome、Safari、Firefox、Win7 上的 IE 9-11 和 Win8 上的 IE10 不适用于:Win8.1 上的 Internet Explorer 11

它显示了一个黑盒子,我可以按下隐形播放按钮,并且有声音,但什么也看不到。 有趣的是:通过调整浏览器窗口的大小,iframe 神奇地出现并且视频播放正常。

【问题讨论】:

  • 我已经尝试过了,它可以工作...在 browserstack.com / IE 11 / WIN 8.1 上测试
  • 感谢您的尝试。它的工作原理是 5 次中的 1 次,但是当您稍微导航时,它又会变得一团糟。

标签: html css iframe vimeo internet-explorer-11


【解决方案1】:

display: none 状态加载玩家有一些奇怪的地方。现在你可以尝试一个我用过几次的解决方法,当你希望播放器加载时触发一个假的调整大小事件,如下所示:

window.dispatchEvent(new Event( 'resize', true, true ));

(抱歉有任何错别字,我正在打电话。)

【讨论】:

  • 谢谢!伪造的调整大小不起作用,但知道display: none 是导致问题的原因,我通过使用 opacity 和 z-index 解决了这个问题。
猜你喜欢
  • 2014-08-13
  • 1970-01-01
  • 1970-01-01
  • 2022-01-14
  • 2017-11-15
  • 2017-06-04
  • 2019-11-08
  • 2014-12-23
  • 1970-01-01
相关资源
最近更新 更多