SetTimeout только для рабочего стола

Question

У меня есть сайт с фоновым видео youtube (с YTPlayer). Я использую счетчик CSS, который отображается во время загрузки страницы. К сожалению, он исчезает до того, как видео загрузится и начнет воспроизведение.

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

Я добавил немного таймаута, чтобы убедиться, что видео уже играет в фоновом режиме, когда замирание на страницу (я не знаю, как еще это будет работать, если у кого есть идеи, дайте мне знать. Было бы замечательно).

Поскольку мне не нужен тайм-аут на мобильном устройстве (я просто показываю фоновое изображение), мне было интересно, есть ли возможность сказать, если вы на рабочем столе> запустите таймаут, если вы находитесь на мобильном устройстве> не запускайте его. Это возможно?

Edit: Мой темп обходной путь с помощью следующего кода:

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

Вы можете проверить разрешение дисплея с: window.screen.availHeight && window.screen.availWidth

Answer 2

Он считает, что лучший способ загрузить изображение в качестве фона до тех пор, пока видеоролик не начнется в mb. YTPlayer - это применить фрагмент css. См. Эту статью.

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

Это прекрасно работает для меня каждый раз. Надеюсь, это поможет!