Адаптивное видео и видеоролик в качестве фона. Вставка видео/аудио на сайт. HTML-теги VIDEO и AUDIO.
В этом уроке познакомимся с HTML-тегами VIDEO и AUDIO для вставки видео и аудио на страницу. Научимся верстать адаптивные видео, а также устанавливать видеоролики в качестве фона. Поехали! Итак, когда нам нужно вставить видео на сайт обычно, мы используем код, предоставленный тем или иным видео хостингом. Например с YouTube, и об этом мы тоже поговорим, но что если нам нужно вставить именно свой локальный видеофайл?
👉 Материалы урока: https://fls.guru/files/tutorials/media.zip
👉 Видео/аудио конвертер: https://convert-video-online.com/ru/
👉 Политика Google: https://developers.google.com/web/updates/2017/09/autoplay-policy-changes
👉 Уроки по гридам: https://www.youtube.com/watch?v=GV92IdMGFfA&list=PLM6XATa8CAG5pXQrW_kDaeZb_uIAMNZIm
💪 Платный курс по верстке: https://edu.fls.guru
🔴 Карта канала: https://miro.com/app/board/o9J_lZB3YKI=/
🔴 Получить доступ к плюшкам + поддержать канал: https://www.patreon.com/freelancerlifestyle
🔴 Telegram канал: https://t.me/freelancer_lifestyle (https://teleg.run/freelancer_lifestyle)
🔴 Telegram чат по верстке: https://t.me/flschat (https://teleg.run/flschat)
🔴 Facebook: https://www.facebook.com/freelancerlifestyle
🔴 Instagram: https://www.instagram.com/freelancer.lifestyle
00:00 - В уроке
00:15 - HTML-тег VIDEO
13:30 - Адаптивное видео
20:58 - Вставка видео с YouTube
22:47 - Видео в качестве фона
29:48 - HTML-тег AUDIO
31:11 - Заключение
👉 @IT-ПРИСТРАСТІ, українськомовний канал присвячений інтерв'ю з цікавими IT-спеціалістами - https://www.youtube.com/channel/UCJNVBfLijFSa_tBcrNZKZag
👋 Меня зовут Женя Андриканич, я IT - специалист, занимаюсь разработкой сайтов. На этом канале, я регулярно и в максимально доступном формате буду делиться с тобой своим опытом, наработками, секретами и лайфхаками!
Ссылка на канал: https://www.youtube.com/c/freelancerlifestyle
🤟 Живи, а работай в свободное время! ©
Видео Адаптивное видео и видеоролик в качестве фона. Вставка видео/аудио на сайт. HTML-теги VIDEO и AUDIO. канала Фрилансер по жизни - IT и фриланс
👉 Материалы урока: https://fls.guru/files/tutorials/media.zip
👉 Видео/аудио конвертер: https://convert-video-online.com/ru/
👉 Политика Google: https://developers.google.com/web/updates/2017/09/autoplay-policy-changes
👉 Уроки по гридам: https://www.youtube.com/watch?v=GV92IdMGFfA&list=PLM6XATa8CAG5pXQrW_kDaeZb_uIAMNZIm
💪 Платный курс по верстке: https://edu.fls.guru
🔴 Карта канала: https://miro.com/app/board/o9J_lZB3YKI=/
🔴 Получить доступ к плюшкам + поддержать канал: https://www.patreon.com/freelancerlifestyle
🔴 Telegram канал: https://t.me/freelancer_lifestyle (https://teleg.run/freelancer_lifestyle)
🔴 Telegram чат по верстке: https://t.me/flschat (https://teleg.run/flschat)
🔴 Facebook: https://www.facebook.com/freelancerlifestyle
🔴 Instagram: https://www.instagram.com/freelancer.lifestyle
00:00 - В уроке
00:15 - HTML-тег VIDEO
13:30 - Адаптивное видео
20:58 - Вставка видео с YouTube
22:47 - Видео в качестве фона
29:48 - HTML-тег AUDIO
31:11 - Заключение
👉 @IT-ПРИСТРАСТІ, українськомовний канал присвячений інтерв'ю з цікавими IT-спеціалістами - https://www.youtube.com/channel/UCJNVBfLijFSa_tBcrNZKZag
👋 Меня зовут Женя Андриканич, я IT - специалист, занимаюсь разработкой сайтов. На этом канале, я регулярно и в максимально доступном формате буду делиться с тобой своим опытом, наработками, секретами и лайфхаками!
Ссылка на канал: https://www.youtube.com/c/freelancerlifestyle
🤟 Живи, а работай в свободное время! ©
Видео Адаптивное видео и видеоролик в качестве фона. Вставка видео/аудио на сайт. HTML-теги VIDEO и AUDIO. канала Фрилансер по жизни - IT и фриланс
Показать
Комментарии отсутствуют
Информация о видео
20 апреля 2021 г. 11:00:52
00:31:50
Другие видео канала
CSS позиционирование (CSS position). Уроки HTML CSS JS. Урок №12Куда идет ютуб, во что он превращается, как заработать на ютубеJavaScript Document object model (DOM) за час. Изменение HTML CSS. Атрибуты и свойства. Окружение.С ЧЕГО НАЧАТЬ обучение в IT-сфере? Советы начинающим. Четыре фактора успешного старта в IT. Мой опытАдаптивные изображения. Практические приемы верстки картинок. CSS object-fit HTML picture.МЕТА теги для сайта за 13 минут. HTML мета теги для SEO, адаптива, социальных сетей и для iPhone.Что такое JAVASCRIPT? Как работает JS? Пишем первую программу на JavaScript. Уроки JAVASCRIPT с нуляПрепроцессор SASS/SCSS за 38 минут. Что такое SASS, SCSS. Установка уроки обучение.SLICK SLIDER - лучший слайдер для сайта за 1 час. Подробный гайд. Подключение и настройка слайдераJQUERY ПРОТИВ JAVASCRIPT. Стоит ли учить jQuery в 2021? Что лучше для развития программиста?Видео на сайте №3. Как сделать свой плеер для видео. video.jsCSS Grid Layout. Свойства элементов grid сетки grid-row grid-column order gap и другиеАдаптивная HTML-верстка макета из Figma с подробным объяснением. Советы от профи. HTML SCSS GULP.JAVASCRIPT СОБЫТИЯ. addEventListener делегирование. Cобытия мыши клавиатуры загрузки сайта. ПрактикаCSS transform. 2D и 3D трансформации translate, scale, rotate и другиеДелаем плейер видео на JavaScript. JavaScript Video PlayerАдаптивный шрифт. Пример реализации отзывчивого (резинового) шрифта на CSS + SCSS миксинHow To Make A Website Header Using HTML And CSS Step By Step | Web Design In HTML & CSSОСНОВЫ HTML. КАК ВСТАВИТЬ КАРТИНКУ НА САЙТ. КАК СДЕЛАТЬ ФОН САЙТУ