Верстка сайта с нуля #3: Верстка видео-блока (2 способа)

В этом видео продолжаем верстку, показываю как можно сверстать видео с помощью Fancybox, а так же второй способ через нативный JS

https://boosty.to/youdeveloper - шаблон для верстки и все плюшки связанные с версткой этого сайта

https://youtu.be/0mznV21VX00 - создание шаблона для верстки (бесплатно)

Инфа про тэг video:
https://www.w3schools.com/tags/ref_av_dom.asp

Фигма(макет):
Файлом - https://mega.nz/file/9CVHlQiL#0MDwx05sBAoTbr_a2MDvAdmLtuKZ0Y5DiNnpjL83Msw
Ссылка - https://www.figma.com/design/r9RnpJZ6IwYEDAGiymdXBj/YouTube-Createx-Marathon?node-id=0-1&p=f&t=Q4i7VetdI1fOIAFE-0

Таймкоды:

00:00 Краткий обзор, что будем делать
00:50 Запускаем проект
01:20 HTML
02:50 CSS (общие стили)
13:50 Первый способ вставки видео (Fancybox)
15:50 Второй способ вставки видео (напрямую)
17:49 Пишем JS
22:00 Адаптив
24:45 Прощаюсь и благодарю)

Видео Верстка сайта с нуля #3: Верстка видео-блока (2 способа) канала Ты Разработчик