Vimeo嵌入iframe时加载的图像模糊/模糊

时间:2019-01-31 04:39:35

标签: javascript jquery vimeo

我有一个嵌入式的vimeo视频iframe,在页面完全加载时模糊不清。在台式机上,这里的设备通常都可以,但在移动设备上却变得模糊。

如何防止移动设备初始加载时出现模糊现象(通常,如果我单击它或完全加载,它就会消失)。

我是否缺少带有vimeo嵌入的设置?谢谢!

1 个答案:

答案 0 :(得分:0)

留下来帮助下一个可怜的傻瓜。 就我而言,这是由于使用jQuery show()和hide()而引起的。 我只有一个播放器,可以动态地将url和其他属性传递给该播放器。 所以我将hide()它,更改url,然后show()它。 这样可以消除视频src更改的闪烁。

这可以工作,但是如果您在视频上单击的次数足够多,它将被随机锁定在非常模糊的状态。

通过使用fadeTo()解决。

videoUrl = vimeo链接。

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

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

$('#yourPlayerIframe')。on(“ load”,function(){

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

)};