IE 11 中页面加载时的 Vimeo 视频白屏问题答案

【问题标题】：Vimeo video white screen issue on page load in IE 11IE 11 中页面加载时的 Vimeo 视频白屏问题
【发布时间】：2019-01-11 11:44:26
【问题描述】：

我正在使用下面的 iframe 来加载 vimeo 视频。

<iframe src="https://player.vimeo.com/video/12345?title=0&byline=0&portrait=0" width="100%" height="349" frameborder="0" scrolling="no" class="example-video"
				name="example-video" allowtransparency="true" allowfullscreen mozallowfullscreen webkitallowfullscreen oallowfullscreen msallowfullscreen>
		</iframe>

页面加载时 Internet Explorer 显示白屏，但显示播放/暂停按钮。以下版本的 IE11 不显示视频缩略图：

11.0.9600.18954, 11.1155.15063.0, 11.2189.14393.0 及更高版本。

我发现问题在于仅在 IE 版本（11.0.9600.18954 和 11.0.9600.19036）中不呈现背景图像，并且未将“vp-preview-cover”类添加到具有数据属性的元素中'数据拇指'。当我尝试在新选项卡中打开背景图像时，我遇到了安全问题。附上相同的截图。

【问题讨论】：

需要完整的文档源才能复制；请提出要点并分享。
宽度为 100%。它的容器宽度是多少？
@albert 我没有任何特定的文档来源。我已经提到了关于这个问题的所有信息。
@nixkuroi 在我的应用程序 iframe 的容器中的宽度是 439px。
@Divya 嵌入 iframe 的文档是什么？这就是我们寻求的来源。

标签： javascript jquery html iframe vimeo

【解决方案1】：

我们已经在多个版本的 IE（最高版本为 11.492.16299.0）上测试了这一点，但无法重现。如果没有更多信息或页面作为示例，我们很难为您提供帮助。

【讨论】：

我发现问题出在仅在 IE 版本（11.0.9600.18954 和 11.0.9600.19036）中呈现的背景图像上，并且没有添加“vp-preview-cover”类具有数据属性“data-thumb”的元素。
Rebecca Sich 能否为这个问题提出一个解决方案。类似问题更详细：stackoverflow.com/questions/51708557/…