Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Отключение подгрузки background youtube video на мобильных экранах (https://javascript.ru/forum/misc/76261-otklyuchenie-podgruzki-background-youtube-video-na-mobilnykh-ehkranakh.html)

Hadouken 19.12.2018 10:14

Отключение подгрузки background youtube video на мобильных экранах
 
Доброго времени суток, уважаемые знатоки! Столкнулся с проблемой. На сайте есть видео, которое стоит фоном на полный экран. На мобильных экранах проблемы с ресайзом и поэтому принято решение отключить на мобильных экранах. Но при использовании matchMedia() видео не подгружается на больших экранах.
Использую вот такую конструкцию:
function myFunction(win){if(win.matches){ 
Работающие скрипты
}else{ 
 var player;function onYouTubePlayerAPIReady(){ 
player=new 
YT.Player('player',{playerVars:{'autoplay':1,'controls':0,'autohide':1,'wmode':'opaque','showinfo':0,'loop':1,'mute':1,'playlist':'####'},videoId:'####',events:{'onReady':onPlayerReady}})} 
function onPlayerReady(event){event.target.mute()}; 
$(window).scroll(function(){var hT=$('#player').height(),wS=$(this).scrollTop();if(wS>hT){player.pauseVideo()} 
else{player.playVideo()}});
}} 
var win=window.matchMedia("(max-width: 768px)");myFunction(win);win.addListener(myFunction);

В консоли ошибок никаких нет, только когда скролишь, появляется ошибка :Cannot read property 'playVideo' of undefined: Подскажите, пожалуйста, как разобраться с этой проблемой?


Часовой пояс GMT +3, время: 11:32.