КАК НАПИСАТЬ свой ЮТУБ ВИДЕО-ПЛЕЕР (javascript, без либ)
В данном видео я вам покажу и расскажу, как можно сделать свой видеоплеер на JavaScript без каких либо библиотек. Начну с настройки вебпака и закончу декоративной иконкой переключения видео. Пройдемся по основным ивентам, которые отдает видео, и чутка по фуллскрин элементам.
Исходники проекта -
БЭМ -
Таймкоды:
0:00 Что будет в видео
0:25 Установка и настройка Webpack
4:32 Пишем основной HTML и CSS
9:01 Начало JS функционала (воспроизведение, инит класса)
12:47 Выводим длину видео
19:02 Открытие на весь экран через двойной клик
22:07 Кнопка Play/Pause ( подключение FontAwesome)
26:55 Таймлайны и хинт (основная, текущая и при наведении линии) чуть стилей
36:21 Громкость
44:55 Кнопка фуллскрина
46:37 Обработчики страницы (пробел, перемотка стрелками)
47:58 Исчезание/появление интерфейса
50:02 Большая иконка переключения по середине видео
51:32 Окончание
• Youtube -
• Telegram - https://
1 view
554
171
3 weeks ago 01:16:09 1
SokolovBrothers - работа в шоу бизнесе, ошибки в поклонении / Чай с Жасмин
3 weeks ago 00:32:14 1
КАК ТВОРЧЕСТВО ОБРЕКАЕТ ТЕБЯ НА БЕДНОСТЬ И ЧТО С ЭТИМ ДЕЛАТЬ?
3 weeks ago 00:55:22 1
Как написать РЕГГИ с нуля. Пишу трек и делюсь крутыми фишками по созданию Reaggae
1 month ago 00:00:00 1
Dragon Age: The Veilguard НА 100%🔥Сложность Кошмар! Квесты спутников!💀Полное Прохождение 11◆4K HDR
1 month ago 00:01:08 1
BTS от РуАрми новый грузовик у Хайб в поддержку #bts #btsarmy #kpop #suga #jungkook #army #jimin
1 month ago 00:05:54 1
Трендовый гаджет от кисетных морщин — тестирую на себе + Простой массаж для красивых губ
1 month ago 00:00:53 2
СВИДЕТЕЛЬСТВО И БЛАГОВЕСТИЕ. ПРИЗЫВ К ПОКАЯНИЮ.
1 month ago 00:13:30 1
РАБОТНИКИ АДА . КАК ОНИ САМИ СЕБЯ ПРОЯВЛЯЮТ
1 month ago 00:01:00 1
❗️Что он Думает о тебе в эту Секунду... 🌓✨ Расклад таро #shorts #онлайнгадание
1 month ago 00:19:46 1
Дыхательная практика на холоде. Не повторять
1 month ago 00:02:58 1
Песня “Выпьем за Родину, выпьем за Сталина“ “Волховская застольная“ — сл. Павла Николаевича Шубина.
1 month ago 01:34:38 1
Художественный подход к жизни. Учение о растениях, как ключ к пониманию биографии. Тимофей Деев.
1 month ago 00:01:37 1
Видео беса выходящего из человека
1 month ago 00:02:54 1
В Ярославле открылась выставка Елены Мухиной
1 month ago 00:05:13 7
ПРИДУМАЛА сама как СДЕЛАТЬ их ИДЕАЛЬНЫМИ. Снежинка на НОВЫЙ ГОД.
1 month ago 00:13:16 1
Виды эмоциональных волн. дизайн человека. Эмоциональный авторитет.
1 month ago 01:13:34 1
Праздник. Новогодняя комедия
1 month ago 00:48:05 1
Зачем историки придумали Монголо-Татарское Иго на Руси
1 month ago 00:04:25 1
“Плач Гавриила“ Ургебадзе о нерожденных детях и их матерях - исполняет Алексей Фадеев
1 month ago 01:21:58 1
Москва. Презентация книги Л.В. Шапошниковой «Николай Рерих» (серия «ЖЗЛ»),
1 month ago 00:02:01 1
Так о любви может написать только мужчина...
1 month ago 07:23:27 1
Часть 2 - Джон Рид - Десять дней, которые потрясли мир (аудиокнига)
1 month ago 00:19:41 1
Памяти ВЕЛИКОГО БАРДА (30 марта 1953 — 5 июля 2022).