Раздел фона YouTube на всю ширину темы Divi с наложением CTA 👈

Описание: Тема Divi для видео на YouTube во всю ширину экрана с наложением призыва к действию. Тема Divi от Elegant Themes просто потрясающая. Добро пожаловать в очередное видео Divi. Это Джейми с system22.net и web-design-and-tech-tips.com. У нас есть вопрос о Divi, который возникает снова и снова: как создать раздел видео на YouTube во всю ширину экрана с текстовым наложением или чем-то ещё, что вы хотите разместить поверх него. Да, вам придётся немного повозиться, чтобы это сделать, но это вполне возможно, и я покажу вам, как. У нас есть один вариант, и он адаптивный, поэтому должен работать на большинстве устройств. Что касается видеофонов, я бы посоветовал отключить их на мобильных устройствах, таких как телефоны, потому что многие телефоны их просто не поддерживают. Итак, это, очевидно, для настольного компьютера. Я использую Google Chrome с замечательными инструментами инспектора. Если я нажму F12, я могу переключить его, чтобы посмотреть его в режиме планшета. Как видите, всё отлично работает на планшете, а также на телефоне. Я отключил его, оставив только фоновое изображение. Как я и говорил, всё работает просто идеально. Давайте я просто отключу его и избавлюсь от инспектора, а потом покажу вам, как это сделать.

Плейлист «Основы Divi»:    • Divi Theme Automatic Page Breadcrumbs Usin...  

Плейлист «Модули Divi Supreme»:    • Divi Supreme Modules Plugin How To Create ...  

Плейлист «Бесплатный плагин Divi Brain»:    • Divi Brain Addons Free Divi Plugin Overview 👈  

Тема Divi 4. Создайте интернет-магазин за час:    • Divi 4 Theme Create An Ecommerce Store In ...  

Видео о создании глобального футера:    • Divi 4 Ecommerce Theme Builder Custom Glob...  

Попробуйте тему Divi: https://bit.ly/TryDiviNow

Скидка 10% на плагин Divi Supreme Modules: https://bit.ly/DiviSupremeCoupon

Бесплатный плагин Divi Brain Addons: https://brainaddons.com/

--------- ГЛАВЫ ---------

00:00 Вступление
01:58 Добавить новый раздел
02:05 Добавить модуль кода
02:47 Получить код для вставки
03:38 Добавить код автовоспроизведения и отключения звука
05:04 Установить строку на всю ширину
06:24 Установить высоту раздела
08:28 Добавить модуль призыва к действию
10:19 Добавить произвольный интервал
11:10 Абсолютное позиционирование
13:55 Отключить на телефоне
14:12 Результат

--------- РЕКОМЕНДУЕМЫЕ ПЛЕЙЛИСТЫ ---------

Интернет-магазин Elementor:    • Elementor Ecommerce Store Woocommerce Inst...  

Фрагменты Divi:    • Divi 4 Snippets Divi Theme Overview 👍  

Интернет-магазин Divi 4:    • Divi 4 Ecommerce Store Theme Setup And Ove...  

Основы Bootstrap 4:    • Bootstrap 4 Basics Index Page and External...  

Элемент:    • Elementor Wordpress Builder Install And Ov...  

Советы по WordPress:    • Wordpress 2020 Theme Customize The Page Ti...  

Мой блог: https://web-design-and-tech-tips.com

---------- КОД, ИСПОЛЬЗОВАННЫЙ СЕГОДНЯ: ---------

Не используется время начала ?autoplay=1&mute=1

Использование времени начала &autoplay=1&mute=1

---------- РЕКОМЕНДУЕМЫЕ ВИДЕО: ---------

Bootstrap 4: полное руководство по созданию одностраничного сайта с прокруткой:    • Bootstrap  Complete One Page Scrolling Web...  

Elementor Wordpress Builder: одностраничный сайт с прокруткой за 15 минут:    • Elementor One Page Scrolling Site in 15 Mi...  

Bootstrap — как редактировать шаблон Bootstrap:    • EASY Bootstrap Template Customization Tuto...  

Divi: добавьте прямую трансляцию Facebook на свой Divi или любой другой сайт на WordPress:    • Divi Add a live facebook feed to your divi...  

Divi 4: как создать многостраничный сайт за 20 минут Минуты:    • Divi 4 Theme How To Build A Multi Page Web...  

Elementor Wordpress Builder: Как создать раздел параллакса:    • Elementor Wordpress Builder How To Build A...  

--------- СОЦИАЛЬНЫЕ СЕТИ ---------
Следите за моими публикациями в:

Facebook:   / system22.net  

Twitter:   / 22itsolutions1  

Linkedin:   / jamie-henry-546b7377  

Поддержать канал: https://paypal.me/system22

Курсы, которые я преподаю: https://www.udemy.com/user/jamiehenry2/

Подписаться:    / @system22  

#YouTubeTips #WebDesignTips #FreeWebDesignTutorials #BuildYourOwnWebsite