Baixar "JS-решения №26. Создаем свой плагин видеоплеера"

"videoThumbnail JS-решения №26. Создаем свой плагин видеоплеера

0:00

Интро

2:40

Создаем html-структуру

10:06

Стилизуем элементы

30:26

План работы над js-кодом, создаем класс

37:10

Создаем глобальные переменные для класса

41:10

Базовые методы для работы (создание, нахождение элементов и т.д.)

56:25

Инициализация плагина

1:19:00

Базовое управление видео (плей, пауза, мьют)

1:30:46

Создаем события

1:45:30

Работа с нажатиями и перетаскиваниями (таймлайн, громкость), а также фулскрин видео

2:17:10

Связь со стандартными событиями видео

2:20:26

Работа с клавиатурой

2:40:00

Аутро

UI-компоненты №13. Валидация и отправка формы на почту в 2022

UI-компоненты №13. Валидация и отправка формы на почту в 2022

Canal: MaxGraph - cайты как страсть

UI-компоненты №18. Мобильное меню с определением секции

UI-компоненты №18. Мобильное меню с определением секции

Canal: MaxGraph - cайты как страсть

Верстка многостраничного сайта с нуля с пояснениями. Gulp, SCSS, CSS Grid, БЭМ. Верстка шапки

Верстка многостраничного сайта с нуля с пояснениями. Gulp, SCSS, CSS Grid, БЭМ. Верстка шапки

Canal: MaxGraph - cайты как страсть

UI-компоненты №4. Отправка корзины на почту

UI-компоненты №4. Отправка корзины на почту

Canal: MaxGraph - cайты как страсть

Верстаю сайт, используя фишки своей Gulp-сборки

Верстаю сайт, используя фишки своей Gulp-сборки

Canal: MaxGraph - cайты как страсть

$UI-компоненты №10. Степпер с вводом количества и кнопками увеличения\уменьшения$

UI-компоненты №10. Степпер с вводом количества и кнопками увеличения\уменьшения

Canal: MaxGraph - cайты как страсть

UI-компоненты №16. Бесконечно движущийся блок (ticker slider) на чистом CSS

UI-компоненты №16. Бесконечно движущийся блок (ticker slider) на чистом CSS

Canal: MaxGraph - cайты как страсть

UI-компоненты №20. Показ акций на сайте в зависимости от даты

UI-компоненты №20. Показ акций на сайте в зависимости от даты

Canal: MaxGraph - cайты как страсть

UI-компоненты №1. Карточка товара с несколькими изображениями

UI-компоненты №1. Карточка товара с несколькими изображениями

Canal: MaxGraph - cайты как страсть

Адаптивная верстка сайта с нуля с пояснениями. Gulp, SCSS, CSS Grid, БЭМ. Макет Recidiviz

Адаптивная верстка сайта с нуля с пояснениями. Gulp, SCSS, CSS Grid, БЭМ. Макет Recidiviz

Canal: MaxGraph - cайты как страсть

верстка

верстка сайта

верстка сайта с нуля

верстка с нуля

адаптивная верстка

html

html css

уроки html

верстка лендинга

верстка сайтов уроки

css

js

maxgraph

video.js

video html

video player

video player js

плагины js

плагин видеоплеера

видеоплеер js

обучение

js_решения

video_player

Já tem instalado o UDL Helper Você pode baixar vídeo em um clique!

para

Google Chrome

Descrição:

Привет! В этом видео покажу, как сделать свой плагин видеоплеера, который будет поверх стандартного видео. Содержание: 00:00 - Интро 02:40 - Создаем html-структуру 10:06 - Стилизуем элементы 30:26 - План работы над js-кодом, создаем класс 37:10 - Создаем глобальные переменные для класса 41:10 - Базовые методы для работы (создание, нахождение элементов и т.д.) 56:25 - Инициализация плагина 1:19:00 - Базовое управление видео (плей, пауза, мьют) 1:30:46 - Создаем события 1:45:30 - Работа с нажатиями и перетаскиваниями (таймлайн, громкость), а также фулскрин видео 2:17:10 - Связь со стандартными событиями видео 2:20:26 - Работа с клавиатурой 2:40:00 - Аутро https://github.com/maxdenaro/maxgraph-youtube-source/tree/master/JS-%D1%80%D0%B5%D1%88%D0%B5%D0%BD%D0%B8%D1%8F%20%E2%84%9624.%20%D0%9F%D0%B8%D1%88%D0%B5%D0%BC%20%D0%BF%D0%BB%D0%B0%D0%B3%D0%B8%D0%BD%20%D0%B4%D0%BB%D1%8F%20%D0%BF%D0%BB%D0%B5%D0%B5%D1%80%D0%B0 - код Доп. контент и поддержка канала: ❤️ https://boosty.to/maxgraph ❤️ https://www.donationalerts.com/r/maxdenaro Полезные ссылки: 🤌 Макеты для верстки: https://verstaem.online/projects/ 🤌 Задачки по верстке с решениями: https://verstaem.online/tasks/ 🤌 Курс по верстке html-писем: https://verstaem.online/courses/html-emails/ 🤌 Канал с полезностями в телеграм: https://t.me/maxgraph 🤌 Чат для верстальщиков: https://t.me/maxgraph_chat 🤙 ВК Видео: https://vk.com/video/@maxgraph 👋 Меня зовут Максим. Верстальщик, занимаюсь веб-разработкой 7 лет Подписывайся: https://www.youtube.com/@maxgraph?sub_confirmation=1

Preparando opções de download

Populares

Vídeo HD

Apenas som

Todos os formatos

* — Se o vídeo estiver sendo reproduzido em uma nova aba, vá até ele, então clique com o botão direito no vídeo e escolha "Salvar vídeo como..."

** — Este link é destinado à reprodução online em players dedicados

Perguntas sobre o download de vídeos

Como posso baixar o vídeo "JS-решения №26. Создаем свой плагин видеоплеера"?

O site http://unidownloader.com é a melhor maneira de baixar um vídeo ou uma faixa de áudio separada se você quiser fazer isso sem instalar programas e extensões.
A extensão UDL Helper é um botão conveniente que é perfeitamente integrado aos sites do YouTube, Instagram e OK.ru para download rápido de conteúdo.
O programa UDL Client (para Windows) é a solução mais poderosa que oferece suporte a mais de 900 sites, redes sociais e sites de hospedagem de vídeo, bem como a qualquer qualidade de vídeo disponível na fonte.
O UDL Lite é uma maneira realmente conveniente de acessar um site a partir do seu dispositivo móvel. Com sua ajuda, você pode facilmente baixar vídeos diretamente para seu smartphone.

Qual formato de vídeo "JS-решения №26. Создаем свой плагин видеоплеера" devo escolher?

Os formatos de melhor qualidade são FullHD (1080p), 2K (1440p), 4K (2160p) e 8K (4320p). Quanto maior for a resolução da sua tela, maior deverá ser a qualidade do vídeo. No entanto, há outros fatores a serem considerados: velocidade de download, quantidade de espaço livre e desempenho do dispositivo durante a reprodução.

Por que meu computador trava ao carregar um vídeo "JS-решения №26. Создаем свой плагин видеоплеера"?

O navegador/computador não deve congelar completamente! Se isso acontecer, informe o fato com um link para o vídeo. Às vezes, os vídeos não podem ser baixados diretamente em um formato adequado, por isso adicionamos a capacidade de converter o arquivo para o formato desejado. Em alguns casos, esse processo pode usar ativamente os recursos do computador.

Como posso baixar o vídeo "JS-решения №26. Создаем свой плагин видеоплеера" para o meu celular?

Você pode baixar um vídeo para seu smartphone usando o site ou o aplicativo PWA UDL Lite. Também é possível enviar um link de download via código QR usando a extensão UDL Helper.

Como posso fazer download de uma faixa de áudio (música) para MP3 "JS-решения №26. Создаем свой плагин видеоплеера"?

A maneira mais conveniente é usar o programa UDL Client, que suporta a conversão de vídeo para o formato MP3. Em alguns casos, o download de MP3 também pode ser feito por meio da extensão UDL Helper.

Como posso salvar um quadro de um vídeo "JS-решения №26. Создаем свой плагин видеоплеера"?

Esse recurso está disponível na extensão UDL Helper. Certifique-se de que a opção "Show the video snapshot button" esteja marcada nas configurações. Um ícone de câmera deve aparecer no canto inferior direito do player, à esquerda do ícone "Settings" (Configurações). Quando você clicar nele, o quadro atual do vídeo será salvo em seu computador no formato JPEG.

Qual é o preço de todo esse material?

Não custa nada. Nossos serviços são totalmente gratuitos para todos os usuários. Não há assinaturas PRO, nem restrições quanto ao número ou à duração máxima dos vídeos baixados.