Myvideo

Guest

Login

КАК НАПИСАТЬ свой ЮТУБ ВИДЕО-ПЛЕЕР (javascript, без либ)

Uploaded By: Myvideo
1 view
0
0 votes
0

В данном видео я вам покажу и расскажу, как можно сделать свой видеоплеер на 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://

Share with your friends

Link:

Embed:

Video Size:

Custom size:

x

Add to Playlist:

Favorites
My Playlist
Watch Later