Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 19.12.2018, 10:14
Интересующийся
Отправить личное сообщение для Hadouken Посмотреть профиль Найти все сообщения от Hadouken
 
Регистрация: 24.12.2014
Сообщений: 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: Подскажите, пожалуйста, как разобраться с этой проблемой?
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Арканоид - побитовые операции (замена на условия) Eadweard Events/DOM/Window 8 14.03.2016 16:12
Помогите с рандомными значениями злобная_пипа Элементы интерфейса 6 02.10.2015 20:11
Отключение js-файла на мобильных устройствах Szorstki Мобильный JavaScript 3 11.11.2013 21:32
Оцените, пожалуйста код вёрстки OlegALL Ваши сайты и скрипты 18 26.07.2011 09:35