javascript - SetTimeout 仅适用于桌面

Question

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

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

我添加了一点超时，以确保视频在淡出到页面时已经在后台播放(我不知道这还能如何工作，如果有人有想法，请告诉我。会很棒) .

因为我不需要移动设备上的超时(我只是显示背景图片)，我想知道是否有一个选项可以说，如果你在桌面上 > 运行超时，如果你're on mobile > 不要运行它。这可能吗？

编辑:我使用以下代码的临时解决方法:

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

它每次都对我很有效。希望对您有所帮助!