Question

我有一个包含youtube背景视频的网站（YTPlayer）。我正在使用CSS微调器，在页面加载时显示。不幸的是，它在视频加载并开始播放之前消失了。

$(window).load(function() {
    setTimeout(function(){
    $('.loader').fadeOut(1000);    
    $('.loader-bg').fadeOut(1000);
    },4000)
    });

我添加了一点暂停，以确保视频在淡入页面时已经在后台播放（我不知道其他有什么用，如果有人有想法，请告诉我。会很棒）

由于我不需要在移动设备上暂停（我只是显示背景图片），我想知道是否有选项可以说，如果您在桌面上＆gt; ;如果你在移动设备上运行超时＆gt;不要运行它。这可能吗？

修改：我的临时解决方法包含以下代码：

if(jQuery.browser.mobile)
{   
$(window).load(function() {
    $('.loader').fadeOut(1000);    
    $('.loader-bg').fadeOut(1000);
    });
}
else
{
$(window).load(function() {
    setTimeout(function(){
    $('.loader').fadeOut(1000);    
    $('.loader-bg').fadeOut(1000);
    },3000)
    });
}

我认为可能有更好的方法......

Answer 1

它认为将视频加载为背景直到视频以mb YTPlayer开始的最佳方式是应用css片段。请看这篇文章。

How to load a picture as background until the video starts in mb YTPlayer

每次都对我很好。我希望这有帮助！

Answer 2

您可以使用以下网址检查显示的分辨率：window.screen.availHeight && window.screen.availWidth

SetTimeout仅适用于桌面

2 个答案: