Делаем плейер видео на JavaScript. JavaScript Video Player
HTML-код
- Опубликовано: 12 сен 2024
- Помоги каналу! donatepay.ru/d...
Интернет магазин на Node: node.itgid.info
Курс JS: js.itgid.info
Плейлист: goo.gl/63osiv
Мои курсы: itgid.info
Телеграм: t.me/jsrules
Классный урок, особенно видео, прям на меня похоже когда я пытаюсь учить JS.
Александр, спасибо Вам за науку! Будьте аккуратны. Мирного неба Вам и Вашим близким. Якут.
Я по вашему видосу вот заделал плеер кастомый, только все на jQuery переводил, оно как то с jQuery проще и понятней что ли) так вот когда сделал плеер своими прям руками и оно все работает -- прям силу почувствовал) СПАСИБО огромное за такой урок! Это мощно!!!
Теперь аудиоплеер пилить надо.
самый лучший канал по джаваскрипту
Вот это я понимаю,видос с юмором)
Спасибо Александр! Хотелось бы, ещё аудиоплеер увидеть, с плейлистом, там.. чтоб можно было по клику трека, или кнопками переключать музыку, ну.. как в ВК плеер хотелось бы увидеть, надеюсь.. такая идея, будет многим по душе, не сомневаюсь в вашем мастерстве.
Хорошая идея. Запилю!
подписываюсь под просьбу
@@itgid еще предлагаю чтобы как в podbean кнопки на перемотку +30 и -30 сек было бы вообще круто
Аудио ещё не сделали ?
макс gg так просто добавляешь ещё одну функцию с прибавлением к текущему времени секунды и все)
Спасибо за подробное объяснение данной темы!
Искал как сделать аудиоплеер, и ничего не заходило. Не понятные объяснения. И тут на примере видео плеера я все понял.
Спасибо огромное за ваш труд!
а как сделать при наведении на progress превью кадра?
Отличный вопрос! Будет это вашим домашним заданием! 😂
Функция video play будет очень сложной, так что приготовьтесь!!👍😎
10 дней сидел ночами с потом, не мог разобраться. А веть впереди ещё какой то там console.log("Hello world");
Спасибо! Годно. А как сделать чтобы можно было качество выбрать как в Ютуб плеере и чтобы автоматически это происходило в зависимости от скорости интернета? Расскажите хотя бы теорию как это работает.
Очень хорошие уроки, респект! А как реализовать сохранение при перезагрузке? Чтобы продолжить просмотр?
Крутой канал, классные видосы. Лайк одназначно
Спасибо большое за видео! Я хоть что-то начал понимать в JS))
Александр ты крут)
Реально помогло)
единственное не хватает кнопочи - весь экран и выход из полного экрана. А так , да - видео классное!
Очень интересно. Попробую реализовать :)
Спасибо огромное! Сделал лабораторную)
Я от сколько слышу "в старых браузерах, и т.д." ну от как, как в 2021 году, с подключением интернета, может быть старый браузер???
Круто! Спасибо !
Понравился урок! Лайк и подписка! Пытался открыть этим плеером m3u8 не смог. Направьте, пожалуйста, в нужную сторону)
а не проще ли было создать функцию, которая принимает id как аргумент и в ней генерировать событие? чем городить столько методов и переменных?))
Спасибо !
Урок сам отличный но у меня почему то не работает
Отличный гайд. А почему вы не присваиваете переменной элемент при объявлении её, а присваиваете в другой строке ?
Спасибо! а есть метод чтобы получить дынные, сколько видео уже подгурузилось?
Подскажите через js можно сделать субтитры, что бы они были итеративные и например когда наводишь на субтитры видео останавливается ?
Годнота
Like!
А можно к атребуту добавить и при этом не используя css. Ну типо чтоб шкала была другого цвета или формы.
Нет к сожалению
Всё, завтра утром попробую написать, хотя в js я вообще ничего не знаю, но так с программированием знаком так что думаю разберусь
А как можно вставить свой видео плеер с рамкой например айфона ?
ПАСИБО!!!!!!!!!!!!!!
бомба)
У профессии программиста не бывает средних оценок, или зачет, или неуд.
Одну букву написал неверно и код не работает. Если не работает let, пишем var.
12:27 мудрец
Объясните пожалуйста, вначале задаются переменные? События? Я ещё начинающий, с таким написанием не сталкивался 😅
Так можно, со временем привыкнешь, надеюсь комментарий помог через 1 год 😐👍
24:01 а зачем ставить "video.pause();" и "video.play();", можно и без них
Сделайте пж качество
Круто *_*
В видео скрытый намёк))
Подскажите как получить подобный контроль над видео с ютуба...
super birat
Подскажите, новичку, пожалуйста, как конвертировать секунды в минуты с секундами?
можно через объект Date, можно через деление на 60.
@@itgid Спасибо!
Можно использовать математику)
minutes = Math.floor(time / 60)
seconds = time % 60
Скажите, а как реализуется возможность выбора разрешения?
Я до выпуска создал свой и у меня такая же проблема.Если вы нашли ответ, то можете подсказать?
Я думаю, только через изменение src, или, возможно ещё через canvas как-то, но я не уверен. Если ты уже Senior или middle, то расскажи, все таки 5 лет прошло) я и то меньше изучаю js чем возраст твоего комента
Спасибо за урок! добавил клавиши для управления (пробел, стрелочки), перемотку вперед и назад на 5 сек, воспроизведение по клику по видео jsfiddle.net/yury0l/1Lk4jem6/5/ Не знаю можно ли прикрепить видео в фиддле как с локального, поэтому атрибут src в "" пустой
Опять исходный код не воложили для ознакомления на практике? Почему учителя js так не любят это делать? Это ускоряет и упрощает процесс освоения. Грусть, печаль.
Потому что прошло 5 лет с момента записи. 6 раз сменил hdd, 2 раза комп полностью, 8 раз обновлялся сайт. На все новые видео код есть.
плеер
Try using English plz