Отключить автоплей ютуба при просмотре сайта с макс 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 27.03.2026 Программный код из решения ниже на примере нетипового документа "ЗаявкаНаРемонтСпецтехники" разработанного в конфигурации КА2. При выборе "Спецтехники" (Тип Справочник. Спецтехника), заполняется. . .	Сумматор с применением элементов трёх состояний. Hrethgir 26.03.2026 Тут. https:/ / fips. ru/ EGD/ ab3c85c8-836d-4866-871b-c2f0c5d77fbc Первый документ красиво выглядит, но без схемы. Это конечно не даёт никаких плюсов автору, но тем не менее. . . всё может быть. . .	Автозаполнение реквизитов при создании документа Maks 26.03.2026 Программный код из решения ниже размещается в модуле объекта документа, в процедуре "ПриСозданииНаСервере". Алгоритм проверки заполнения реализован для исключения перезаписи значения реквизита,. . .	Команды формы и диалоговое окно Maks 26.03.2026 1. Команда формы "ЗаполнитьЗапчасти". Программный код из решения ниже на примере нетипового документа "ЗаявкаНаРемонтСпецтехники" разработанного в конфигурации КА2. В качестве источника данных. . .
Кому нужен AOT? DevAlt 26.03.2026 Решил сделать простой ланчер Написал заготовку: dotnet new console --aot -o UrlHandler var items = args. Split(":"); var tag = items; var id = items; var executable = args;. . .	Отправка уведомления на почту при изменении наименования справочника Maks 24.03.2026 Программная отправка письма электронной почты на примере изменения наименования типового справочника "Склады" в конфигурации БП3. Перед реализацией необходимо выполнить настройку системной учетной. . .	модель ЗдравоСохранения 5. Меньше увольнений- больше дохода! anaschu 24.03.2026 Теперь система здравосохранения уменьшает количество увольнений. 9TO2GP2bpX4 a42b81fb172ffc12ca589c7898261ccb/ https:/ / rutube. ru/ video/ a42b81fb172ffc12ca589c7898261ccb/ Слева синяя линия -. . .	Midnight Chicago Blues kumehtar 24.03.2026 Такой Midnight Chicago Blues, знаешь?. . Когда вечерние улицы становятся ночными, а ты не можешь уснуть. Ты идёшь в любимый старый бар, и бармен наливает тебе виски. Ты смотришь на пролетающие. . .

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

	Отключить автоплей ютуба при просмотре сайта с макс 1000px по ширине 28.04.2017, 19:44. Показов 1560. Ответов 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 по ширине

Решение