Делаем видеоплеер на HTML / CSS(SCSS) / JavaScript #js #javascript #ityoutubersru

Uploaded By: Myvideo

Published on

15 Apr 2021

17 views

0

0 votes

0

About Share Download Add to

Привет. В данном ролике мы с вами поработаем снова с нативным JavaScript и напишем видеоплеер для сайта на технологиях html / scss / js Таймкоды: 00:00 Обзор приложения 00:39 Обзор стартового шаблона и макета 02:25 Делаем HTML верстку 04:55 Стилизуем все на препроцессоре scss 10:24 JS. Получаем DOM элементы 12:59 Функци Play, Pause 17:21 Функция стоп 19:02 Прогресс бар и таймер 26:00 Заключение 🔴 Исходный код урока доступен на Patreon: 🔴 Видео про мою супер Gulp сборку: 🔴 Данная сборка инструкция уже ДОСТУПНА на Patreon: Интересные ролики, можете посмотреть на досуге: 👉 Урок создания аудиоплеера: 👉 Урок по MERN Stack: 👉 Урок по : 📨 По любым вопросам можете писать в Instagram:

Share with your friends

Link:

Embed:

<iframe width="640" height="360" src="//myvideo.cc/embed/YStFMGxyWmEyYjUzeFc3c1FUVVdxNUU0bjdQcU05QnJoM2N4OXBxWmg4Zz0" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>

Video Size:

Custom size:

x

Autoplay video

Hide player controls

Hide resume playing

Add to Playlist:

Favorites

My Playlist

Watch Later

Interesting news today

2 weeks ago

00:01:09

Interesting news today

1 82%

Видеоплеер LG BL182w с возможностью менять скорость записи

1 month ago

00:09:08

Видеоплеер LG BL182w с возможностью менять скорость записи

1 52%

#SimpleCode Как сделать собственный видеоплеер на html5. html5 тег video. HTML5 Для начинающих. Урок #12

1 month ago

00:12:35

#SimpleCode Как сделать собственный видеоплеер на html5. html5 тег video. HTML5 Для начинающих. Урок #12

15 42%

Как сделать плеер youtube на рабочем столе поверх всех окон как видео плеер

1 month ago

00:02:38

Как сделать плеер youtube на рабочем столе поверх всех окон как видео плеер

2 12%

Многофункциональный автомобильный планшет - обзор, часть 2

3 months ago

00:04:06

Многофункциональный автомобильный планшет - обзор, часть 2

12 58%

Полноценная ОС на мб дискете! Как они это сделали

3 months ago

00:22:44

Полноценная ОС на мб дискете! Как они это сделали

2 30%

Пишем приложение-видеоплеер на SwiftUI // Демо-занятие курса iOS Developer

3 months ago

01:49:05

Пишем приложение-видеоплеер на SwiftUI // Демо-занятие курса iOS Developer

25 74%

BIG GEEK Полноценная ОС на мб дискете! Как они это сделали

5 months ago

00:22:43

BIG GEEK Полноценная ОС на мб дискете! Как они это сделали

59 29%

Создание HTML сайта в блокноте

7 months ago

01:23:34

Создание HTML сайта в блокноте

1 6%

Николай Васильчук Замена фона в видеозвонке

7 months ago

00:44:28

Николай Васильчук Замена фона в видеозвонке

1 57%

ОБЗОР: MP3 / MP4 Плеер iCool с Динамиком, Видео и Фото + Наушники и MicroSD!

8 months ago

00:04:41

ОБЗОР: MP3 / MP4 Плеер iCool с Динамиком, Видео и Фото + Наушники и MicroSD!

4 60%

ТуториалЧТО ДЕЛАТЬ ЕСЛИ ПАНЕЛЬ ЗАДАЧ ПОВЕРХ ВИДЕОПЛЕЕРА

8 months ago

00:00:51

ТуториалЧТО ДЕЛАТЬ ЕСЛИ ПАНЕЛЬ ЗАДАЧ ПОВЕРХ ВИДЕОПЛЕЕРА

1 79%

Что делать если не отображается эскиз видео файла + один из лучших видеоплееров.

9 months ago

00:10:36

Что делать если не отображается эскиз видео файла + один из лучших видеоплееров.

1 21%

Делал гнезда для диких уток, результат радует

9 months ago

00:04:26

Делал гнезда для диких уток, результат радует

1 32%

Программы которые не имеют аналогов / Лучшие из лучших

10 months ago

00:15:33

Программы которые не имеют аналогов / Лучшие из лучших

245 94%

Установка сторонних приложений Kia Sorento Prime и не только

10 months ago

00:25:25

Установка сторонних приложений Kia Sorento Prime и не только

1 65%

Exoplanet Journey | VRChat

11 months ago

00:01:18

Exoplanet Journey | VRChat

640 37%

Технический дизайнер компании HTC VIVE Томас Ретлиф сделал сквозной видеоплеер с GI и отражениями в реальном времени

1 year ago

00:00:22

Технический дизайнер компании HTC VIVE Томас Ретлиф сделал сквозной видеоплеер с GI и отражениями в реальном времени

80 88%

Делаем видеоплеер на HTML / CSS(SCSS) / JavaScript #js #javascript #ityoutubersru

1 year ago

00:26:54

Делаем видеоплеер на HTML / CSS(SCSS) / JavaScript #js #javascript #ityoutubersru

4 64%

КАК СДЕЛАТЬ КНОПКУ СТЕКЛОПОДЪЕМНИКА. ВАЗ 2114

1 year ago

00:05:49

КАК СДЕЛАТЬ КНОПКУ СТЕКЛОПОДЪЕМНИКА. ВАЗ 2114

1 62%

КИТАЙЦЫ СНОВА УДИВЛЯЮТ 60 ТОВАРОВ С ALIEXPRESS

1 year ago

00:35:33

КИТАЙЦЫ СНОВА УДИВЛЯЮТ 60 ТОВАРОВ С ALIEXPRESS

1 55%

50 КРУТЕЙШИХ ТОВАРОВ С ALIEXPRESS

1 year ago

00:29:01

50 КРУТЕЙШИХ ТОВАРОВ С ALIEXPRESS

1 52%

Что делать, если нет интернета

1 year ago

00:00:59

Что делать, если нет интернета

1 79%

Tecno Spark 10 Pro Видео обзор - Телефоны 2023

2 years ago

00:03:16

Tecno Spark 10 Pro Видео обзор - Телефоны 2023

804 27%

0 Comments

Guest