Доброго времени суток, уважаемые знатоки! Столкнулся с проблемой. На сайте есть видео, которое стоит фоном на полный экран. На мобильных экранах проблемы с ресайзом и поэтому принято решение отключить на мобильных экранах. Но при использовании 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: Подскажите, пожалуйста, как разобраться с этой проблемой?