使用 Vimeo 嵌入 iframe 加载模糊/模糊图像

Question

我有一个嵌入的 vimeo 视频 iframe，在页面完全加载时会变得模糊。在台式机上，这里的东西通常很好，但在移动设备上就变得模糊了。

如何防止在移动设备上初始加载时出现模糊（通常，如果我点击它或它已完全加载，它就会消失）。

是否有我缺少的 vimeo 嵌入的设置？谢谢！

Answer 1

留下这个来帮助下一个可怜的傻瓜。 就我而言，这是使用 jQuery show() 和 hide() 造成的。 我有一个播放器，我动态地将 url 和其他属性传递给它。 所以我会隐藏（）它，更改网址，然后显示（）它。 这样就消除了视频src变化的闪烁。

它会起作用，但会随机锁定在那个非常模糊的状态，如果你点击的视频足够多，它就会加载。

使用fadeTo()解决。

videoUrl = vimeo 链接。

$('#playerContainer').fadeTo(0, 0); // 速度，不透明度

$('#yourPlayerIframe').attr('src', videoUrl);

$('#yourPlayerIframe').on("load", function() {

$('#playerContainer').fadeTo('fast', 1);

)};