✏️ Разбираем теги медиаконтента (video, audio, iframe) и их атрибуты. 🔴 Timeline: ▶ 00:00 | План урока ▶ 00:12 | Что такое медиаконтент ▶ 00:25 | Тег video ▶ 00:30 | Тег video, атрибут controls ▶ 00:57 | Тег video, атрибут src ▶ 01:14 | Тег source ▶ 01:41 | Фоллбэк для видео ▶ 02:18 | Атрибуты width и height ▶ 02:27 | Атрибут autoplay ▶ 02:34 | Атрибут muted ▶ 02:51 | Особенность autoplay на YouTube в Chrome ▶ 03:04 | Атрибут loop ▶ 03:10 | Атрибут poster ▶ 03:17 | Тег video без атрибута poster ▶ 03:23 | Атрибут playsinline ▶ 03:37 | Тег audio ▶ 04:05 | Тег iframe ▶ 04:19 | Подключение фрейма (виджета) Яндекс Карты ▶ 04:44 | Атрибуты фрейма Яндекс Карт ▶ 05:10 | Подключение фрейма плеера YouTube ▶ 05:33 | Атрибуты фрейма плеера YouTube ▶ 06:01 | Список атрибутов iframe на MDN ▶ 06:15 | Встраивание фрейма другого сайта на свой сайт ▶ 06:32 | Что дальше 📚 Полезные ссылки: ➖ Современный справочник по HTML:
➖ Справочник по фронтенду "MDN" от разработчиков Mozilla Firefox:
💬 Чат в телеграмме (помощь новичкам):
🔸 Boosty (поддержать канал):
🗂️ Бесплатные курсы на канале: 🟠 HTML: • HTML курс 2024 🔵 CSS: • CSS курс 2024 🟡 JS: • JavaScript курс 2024 🟢 A11y: • Accessibility курс 2024 ⚪️ Мастер-класс по верстке для новичков: • Верстка Kropp Fitness (HTML, CSS) 🔘 Мастер-класс по верстке для продвинутых (БЭМ, SCSS): • Верстка Positivus (HTML, БЭМ, SCSS) 🗺 Frontend Roadmap 2024 • Frontend Roadmap 2024 | Что должен уч... 📌 Автор: ➖ Личный сайт:
➖ Telegram:
➖ Boosty:
➖ GetMentor:
➖ Solvery:
#frontend #фронтенд #html
