javascript - SetTimeout仅适用于桌面

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

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

我添加了一个小超时，以确保视频在淡入页面时已经在后台播放（我不知道其他方法如何工作，如果有人有想法，请告诉我）。太棒了）。
因为我不需要在移动设备上超时（我只是显示一个背景图像），我想知道是否有一个选项可以说，如果你在桌面上>运行超时，如果你在移动上>不要运行它。有可能吗？
编辑：我的临时解决方案，代码如下：

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)
    });
}

我想有更好的办法。。。

最佳答案

它认为，在mb YTPlayer中启动视频之前，将图片作为背景加载的最佳方法是应用css片段。请看这篇文章。
How to load a picture as background until the video starts in mb YTPlayer
每次对我来说都很好。我希望这有帮助！