Отключить автоплей ютуба при просмотре сайта с макс 1000px по ширине

@Losapwild · Регистрация: 01.06.2015

Студворк — интернет-сервис помощи студентам

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

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

код стандартный ютуба. пробовал через media, но видимо не правильно, т.к не получилось

@evikza · 29.04.2017, 00:02

Losapwild, видео имеет такой вид?

HTML5
1
2
3
<iframe id="iframe" width="420" height="315"
src="https://www.youtube.com/embed/k5pjOraSvYw?autoplay=1">
</iframe>

Могу предложить немного колхозный вариант

JavaScript
1
2
3
4
5
6
var el = document.getElementsByTagName('iframe');
var elattr = el[0].getAttribute('src');
 
if (window.innerWidth < 1000) {
  el[0].setAttribute('src', elattr.split('=')[0] + '=' + '0');
}

Демонстрация

@Losapwild · 29.04.2017, 11:14 **[ТС]**

Все работает, спасибо!

Но один момент, при просмотре видео в -1000px убирается не только автоплей, но и "&autohide=1&rel=0" как это поправить?

Чтобы похожие видео не отображались по завершению

@evikza · 29.04.2017, 11:48

Losapwild, &autohide=1&rel=0 всегда остаются без изменений?

HTML5
1
2
<iframe width="420" height="315" src="https://www.youtube.com/embed/k5pjOraSvYw?autoplay=1&autohide=1&rel=0">
</iframe>

JavaScript
1
2
3
4
5
6
var el = document.getElementsByTagName('iframe');
var elattr = el[0].getAttribute('src');
 
if (window.innerWidth < 1000) {
  el[0].setAttribute('src', elattr.split('=')[0] + '=' + '0' + '&autohide=1&rel=0');
}

Это опять же костыльный вариант, т.к ссылка всегда должна быть вида: __https://www.youtube.com/embed/k5pjOraSvYw?autoplay=1&autohide=1&rel=0

Можно всё это дело менять через replace(), но я не умею в регулярные выражения

@Azdeman · 29.04.2017, 13:34

JavaScript
1
2
3
4
5
  el[0].setAttribute(
                            'src',
                            'https://www.youtube.com/embed/k5pjOraSvYw?autoplay=1&autohide=1&rel=0'
                             .replace(/autoplay=1&/,'')
                        );

Новые блоги и статьи Все статьи Все блоги /
Очистка реквизитов документа при копировании Maks 09.04.2026 Алгоритм из решения ниже применим как для типовых, так и для нетиповых документов на самых различных конфигурациях. Задача: при копировании документа очищать определенные реквизиты и табличную. . .	модель ЗдравоСохранения 8. Подготовка к разному выполнению заданий anaschu 08.04.2026 https:/ / github. com/ shumilovas/ med2. git main ветка * содержимое блока дэлэй из старой модели теперь внутри зайца новой модели 8ATzM_2aurI	Блокировка документа от изменений, если он открыт у другого пользователя Maks 08.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа, разработанного в конфигурации КА2. Задача: запретить редактирование документа, если он открыт у другого пользователя. / / . . .	Система безопасности+живучести для сервера-слоя интернета (сети). Двойная привязка. Hrethgir 08.04.2026 Далее были размышления о системе безопасности. Сообщения с наклонным текстом - мои. А как нам будет можно проверить, что ссылка наша, а не подделана хулиганами, которая выбросит на другую ветку и. . .
Модель ЗдрввоСохранения 7: больше работников, больше ресурсов. anaschu 08.04.2026 работников и заданий может быть сколько угодно, но настроено всё так, что используется пока что только 20% kYBz3eJf3jQ	Дальние перспективы сервера - слоя сети с космологическим дизайном интефейса карты и логики. Hrethgir 07.04.2026 Дальнейшее ближайшее планирование вывело к размышлениям над дальними перспективами. И вот тут может быть даже будут нужны оценки специалистов, так как в дальних перспективах всё может очень сильно. . .	Горе от ума kumehtar 07.04.2026 Эта мне ментальная установка, что вот прямо сейчас, мол, мне для полного счастья не хватает (нужное вписать), и когда я этого достигну - тогда и полный кайф. Одна из самых сильных ловушек на пути. . . .	Использование значений реквизитов справочника в документе, с определенными условиями и правами Maks 07.04.2026 1. Контроль срока действия договора Алгоритм из решения ниже реализован на примере нетипового документа "ЗаявкаНаРаботу", разработанного в конфигурации КА2. Задача: уведомлять пользователя, если. . .

@Losapwild 0 / 0 / 0 Регистрация: 01.06.2015 Сообщений: 18

	Отключить автоплей ютуба при просмотре сайта с макс 1000px по ширине 28.04.2017, 19:44. Показов 1568. Ответов 4 Метки нет (Все метки) Здравствуйте. У меня адаптирован сайт, при разрешении экрана в -1000 видео уходит вниз сайта и автоплей негативно влияет в таком положении. Как сделать так, чтобы автоплей был у тех, у кого ширина больше 1000px, а у кого меньше - нет? код стандартный ютуба. пробовал через media, но видимо не правильно, т.к не получилось 0

@Losapwild 0 / 0 / 0 Регистрация: 01.06.2015 Сообщений: 18
	29.04.2017, 11:14 [ТС]
	Все работает, спасибо! Но один момент, при просмотре видео в -1000px убирается не только автоплей, но и "&autohide=1&rel=0" как это поправить? Чтобы похожие видео не отображались по завершению 0

Опции темы

Отключить автоплей ютуба при просмотре сайта с макс 1000px по ширине

Решение