Javascript SetTimeout仅适用于桌面

我有一个带有youtube背景视频的网站。我使用的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)
    });
}

---

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

您可以使用：

window.screen.availHeight检查显示器的分辨率&&
window.screen.availWidth

它认为在播放器中启动视频之前，最好的加载图片作为背景的方法是应用css片段。请看这篇文章

---

它每次对我都很有效。我希望这有帮助

YTPStart

将其与

one

一起使用，类似于

$（“#bgndVideo”）。one（“YTPStart”），…

定义什么是移动设备，什么是台式机？现在线条不太清楚。什么是平板电脑？什么是可以转换为平板电脑的笔记本电脑？固定超时不是一个解决方案。你需要对一些可靠的问题做出反应“视频就绪”活动@eicto的建议看起来不错。