Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 28.04.2017, 20:40
Интересующийся
Отправить личное сообщение для losapwild Посмотреть профиль Найти все сообщения от losapwild
 
Регистрация: 22.04.2017
Сообщений: 25

Отключить автоплей ютуба при просмотре сайта с макс 1000px по ширине
У меня адаптирован сайт, при разрешении экрана в -1000 видео уходит вниз сайта и автоплей негативно влияет в таком положении.

Как сделать так, чтобы автоплей был у тех, у кого ширина больше 1000px, а у кого меньше - нет?

код стандартный ютуба.

пробовал через media (css), но видимо не правильно, т.к не получилось, подсказали сделать через js, но не знаю как.

Спасибо!
Ответить с цитированием
  #2 (permalink)  
Старый 29.04.2017, 02:46
Профессор
Отправить личное сообщение для Rise Посмотреть профиль Найти все сообщения от Rise
 
Регистрация: 07.11.2013
Сообщений: 4,662

Сообщение от losapwild Посмотреть сообщение
код стандартный ютуба
Что за стандартный код такой с автоплеем? Нажимаю на ютубе под видео "Поделиться" затем "HTML-код", получаю такой код
<iframe width="560" height="315" src="https://www.youtube.com/embed/-7xvqQeoA8c" frameborder="0" allowfullscreen></iframe>
вставляю на страницу, автоплей не происходит.
Ответить с цитированием
  #3 (permalink)  
Старый 29.04.2017, 10:58
Аватар для Опан
Кандидат Javascript-наук
Отправить личное сообщение для Опан Посмотреть профиль Найти все сообщения от Опан
 
Регистрация: 15.03.2013
Сообщений: 100

Автоплей можно запретить, если в конце ссылки на страницу ютуба дописать ?autoplay=0
Ответить с цитированием
  #4 (permalink)  
Старый 29.04.2017, 11:17
Интересующийся
Отправить личное сообщение для losapwild Посмотреть профиль Найти все сообщения от losapwild
 
Регистрация: 22.04.2017
Сообщений: 25

как это сделать, чтобы в конце ссылки при ширине экрана в -1000px добавлялся "?autoplay=0" через js?

// мне нужно чтобы автоплей был включен при ширине в +1000, а при ширине в -1000 - нет
Ответить с цитированием
  #5 (permalink)  
Старый 29.04.2017, 22:45
Аватар для Опан
Кандидат Javascript-наук
Отправить личное сообщение для Опан Посмотреть профиль Найти все сообщения от Опан
 
Регистрация: 15.03.2013
Сообщений: 100

<iframe id=myiframe></iframe>
<script>
if(screen.width>1000){
	myiframe.src="https://www.youtube.com/embed/abcdefghijk?autoplay=1";
}else{
	myiframe.src="https://www.youtube.com/embed/abcdefghijk?autoplay=0";
}
</script>
Это был более понятный вариант, а сейчас будет более хитрый:
<iframe id=myiframe></iframe>
<script>
var mywidth=Math.floor(screen.width/1000);
myiframe.src="https://www.youtube.com/embed/abcdefghijk?autoplay="+mywidth;
</script>
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
При вводе названия сайта, в поисковой системе, отображался каталог из разделов сайта? MSDeveloper (X)HTML/CSS 1 04.10.2014 12:32
Как отключить определенный скрипты на сайте при просмотре со смартфона ? kpripper Мобильный JavaScript 4 07.07.2014 11:04