Блоки youtube
![YouTube на главной странице SponsorBlock для YouTube - Пропускайте спонсорские вставки](https://i.ytimg.com/vi/fILkt3UCvgY/hq720.jpg?sqp=-oaymwEhCK4FEIIDSFryq4qpAxMIARUAAAAAGAElAADIQj0AgKJD&rs=AOn4CLC9DQaQT0SoVaaN_HF-ItKX7YCjug)
Адаптивные видео блоки YouTube
Активировать отображение блока вы можете в виджете настроек. Перейдите на вкладку «Главная» и переключите ползунок вправо. Переключитесь на вкладку «Настройки YouTube» 4. Чтобы настроить отображение видео, необходимо получить специальный код Access Token и добавить его на сайт с помощью настроек решения. Для этого перейдите в Google APl и сервисы и авторизуйтесь под аккаунтом Google.
![Автоматическая высота видео Адаптивные видео блоки YouTube](https://i.ytimg.com/vi/e9LN26ibXgs/hq720.jpg?sqp=-oaymwEhCK4FEIIDSFryq4qpAxMIARUAAAAAGAElAADIQj0AgKJD&rs=AOn4CLB44qKRDA69hBaCWr0Fh3cNiD8moQ)
![Адаптивные видео блоки YouTube Забудьте о рекламе и угрозах в сети](https://i.ytimg.com/vi/y1d0R7jxEjE/hq720.jpg?sqp=-oaymwEhCK4FEIIDSFryq4qpAxMIARUAAAAAGAElAADIQj0AgKJD&rs=AOn4CLB8_kVgdG0MNGAM-Q_3paHPMpR7-A)
![Оценить AdGuard Блок встраивания YouTube](https://i.ytimg.com/vi/7llqHMjqlqU/hq720.jpg?sqp=-oaymwEhCK4FEIIDSFryq4qpAxMIARUAAAAAGAElAADIQj0AgKJD&rs=AOn4CLBkMkzgx0XMMeiLMtwCQF6zDZas5Q)
![Адаптивные видео блоки YouTube YouTube заблокировал более 40 каналов региональных филиалов ВГТРК](https://i.ytimg.com/vi/bb2Eq99XIPw/maxresdefault.jpg)
![Навигация по записям Адаптивные блоки YouTube](https://i.ytimg.com/vi/MohMrz59Lng/hq720.jpg?sqp=-oaymwEhCK4FEIIDSFryq4qpAxMIARUAAAAAGAElAADIQj0AgKJD&rs=AOn4CLC_Yr5OOKZLSqZLXnbzAX33NidbLQ)
![WordPress.com Блок YouTube](https://i.ytimg.com/vi/z7wC1LYxTis/sddefault.jpg)
![музыка, видео и клипы Лучший блокировщик рекламы для вашего Android](https://i.ytimg.com/vi/A6gu89XFvWc/hqdefault.jpg)
![Блокировка рекламы Звезда YouTube Кен Блок внезапно ушел из жизни](https://i.ytimg.com/vi/3kxmAuoB9_Y/maxresdefault.jpg?sqp=-oaymwEmCIAKENAF8quKqQMa8AEB-AH-CYAC0AWKAgwIABABGBMgPyh_MA8=&rs=AOn4CLAH22wI56eVx9t56n39mrW8PiIL3A)
Современная разработка сайтов часто предусматривает размещение видео блоков с YouTube на странице и эти блоки обязательно должны быть адаптивные. YouTube видео размещается на странце через iframe, но этот тег не адаптивен по высоте. В данной статье приведено несколько примеров от том как можно адаптировать высоту блока или вывести блоки в одну линию. Если сайт адаптивный и растягивается на весь экран, то лучше задать максимальную ширину px и отценровать видео.
![Automattic App Store: YouTube](https://i.ytimg.com/vi/4R5URdvgikM/hq720.jpg?sqp=-oaymwEhCK4FEIIDSFryq4qpAxMIARUAAAAAGAElAADIQj0AgKJD&rs=AOn4CLAJsuV29PvO8jS_nAWFhwq6hMuiQQ)
![Отзывы пользователей AdBlock Адаптивные блоки YouTube](https://i.ytimg.com/vi/HBsj3YFKGmo/hq720.jpg?sqp=-oaymwEhCK4FEIIDSFryq4qpAxMIARUAAAAAGAElAADIQj0AgKJD&rs=AOn4CLAWHpiZriH8toTHHUec75ujvB1idw)
![Не удалось отправить отзыв Добрый день! Как разделить видео на блоки на таймлайне? - Форум – YouTube](https://i.ytimg.com/vi/voQvRX0SYKI/sddefault.jpg?v=5f14c662)
![Автоматическая высота видео Звезда YouTube Кен Блок внезапно ушел из жизни | aikimaster.ru](https://i.ytimg.com/vi/-Q-kLO6IKBM/hq720.jpg?sqp=-oaymwEhCK4FEIIDSFryq4qpAxMIARUAAAAAGAElAADIQj0AgKJD&rs=AOn4CLA7Nzhbfr2XzqAiBMkF7OwHAFYQvw)
![Снимки экрана Адаптивные блоки YouTube](https://i.ytimg.com/vi/dbGwmZC1RPY/hq720.jpg?sqp=-oaymwEhCK4FEIIDSFryq4qpAxMIARUAAAAAGAElAADIQj0AgKJD&rs=AOn4CLCAh84yRi2VtcTZ_-vjPtF-QfCybQ)
![YouTube на главной странице AdGuard — самый продвинутый блокировщик рекламы в мире!](https://i.ytimg.com/vi/RDoHKQ6w9QU/hq720.jpg?sqp=-oaymwEhCK4FEIIDSFryq4qpAxMIARUAAAAAGAElAADIQj0AgKJD&rs=AOn4CLBkPt_4ApOn55XMcwU5JCU-X_7H8w)
![Блокировка рекламы для Youtube™ - Интернет-магазин Chrome](https://i.ytimg.com/vi/4GKzbqlmj04/hq720.jpg?sqp=-oaymwEhCK4FEIIDSFryq4qpAxMIARUAAAAAGAElAADIQj0AgKJD&rs=AOn4CLAyKwy8S7_bYoj65YGqiCE9pVLkdg)
![YouTube заблокировал более 40 каналов региональных филиалов ВГТРК](https://i.ytimg.com/vi/-tIDOfLyk4g/sddefault.jpg)
![Авто высота видео блоков YouTube - адаптивная верстка видео](https://i.ytimg.com/vi/fSnWfFDouy8/hq720.jpg?sqp=-oaymwEhCK4FEIIDSFryq4qpAxMIARUAAAAAGAElAADIQj0AgKJD&rs=AOn4CLDHHoLTYkL752TOEyUJh9qPw06J_A)
![Elektrostandard. Официальный сайт производителя.](https://i.ytimg.com/vi/Jrc3tIPWJ0c/hq720.jpg?sqp=-oaymwEhCK4FEIIDSFryq4qpAxMIARUAAAAAGAElAADIQj0AgKJD&rs=AOn4CLB_v6Blrv3i90Nnxvkzg1hwEkaVPg)
![Авто высота видео блоков YouTube - адаптивная верстка видео](https://i.ytimg.com/vi/fQzu2nzZ2cs/hq720.jpg?sqp=-oaymwEhCK4FEIIDSFryq4qpAxMIARUAAAAAGAElAADIQj0AgKJD&rs=AOn4CLAmJxZl9zcIOxdWf6lbwNXJWoKbng)
![Блок YouTube — Поддержка](https://i.ytimg.com/vi/2eLK9MG8C_Y/hq720.jpg?sqp=-oaymwEhCK4FEIIDSFryq4qpAxMIARUAAAAAGAElAADIQj0AgKJD&rs=AOn4CLD598xC2rTDflgFGOlB6Ztgap7mHg)
![SponsorBlock для YouTube - Пропускайте спонсорские вставки - Интернет-магазин Chrome](https://i.ytimg.com/vi/ATl62BhPens/hq720.jpg?sqp=-oaymwEhCK4FEIIDSFryq4qpAxMIARUAAAAAGAElAADIQj0AgKJD&rs=AOn4CLDwEwzhQNuHjxQtLrPXxoLMTlfTQA)
![Как разделить видео на блоки на таймлайне? - Форум – YouTube](https://i.ytimg.com/vi/4IzIfqrDUjE/mqdefault.jpg)
Блокировка рекламы для Youtube™
Видео YouTube вставляется через iframe, но он не адаптивен по высоте. Это ведет к тому что на мобильных блок слишком высокий с черными отступами. Далее приведено несколько примеров как это исправить, а также вывести несколько блоков в одну линию. Если сайт «резиновый», то лучше задать максимальную ширину видео в px и отценровать, чтобы оно не было слишком большим. В примере максимальная ширина px. Авторизуйтесь , чтобы добавить комментарий.
![](https://i.ytimg.com/vi/Ju4VWR7ASos/hqdefault.jpg)
![](https://i.ytimg.com/vi/BnophiEYZBI/hq720.jpg?sqp=-oaymwEhCK4FEIIDSFryq4qpAxMIARUAAAAAGAElAADIQj0AgKJD&rs=AOn4CLCnWogA49-VeAcTfHsBe7gfoG6Npw)
![](https://i.ytimg.com/vi/a7q_aX9xi8c/hq720.jpg?sqp=-oaymwEhCK4FEIIDSFryq4qpAxMIARUAAAAAGAElAADIQj0AgKJD&rs=AOn4CLBtVmkm9aBq5F0TpA1ve4yriEFWcw)
![](https://i.ytimg.com/vi/c7lupsV0dRE/hq720.jpg?sqp=-oaymwEhCK4FEIIDSFryq4qpAxMIARUAAAAAGAElAADIQj0AgKJD&rs=AOn4CLDNCsAtbfuTHbEuX0j5BF5gElk-OQ)
![](https://i.ytimg.com/vi/Uo0ufTgDApo/hq720.jpg?sqp=-oaymwEhCK4FEIIDSFryq4qpAxMIARUAAAAAGAElAADIQj0AgKJD&rs=AOn4CLDSaMZSOhwgvic9crHHcCLHe9QStw)
![](https://i.ytimg.com/vi/eATZqr0x0Vk/hq720.jpg?sqp=-oaymwEhCK4FEIIDSFryq4qpAxMIARUAAAAAGAElAADIQj0AgKJD&rs=AOn4CLD25NLZklCr1uYtCXlhgx99OweZgw)
![](https://i.ytimg.com/vi/BE6PCt3Ubbc/sddefault.jpg)