Проигрывание видео в HTML5 с "play", "pause", "reverse"
Добрый день!
Нужно вставить проигрывание видео ролика в html5 с возможностью:
- проигрывать видео вперед
- останавливать
- проигрывать в обратном порядке
Соответственно мини ТЗ:
1. Нужно взять любой видео ролик (лучше HD качества) и вставить в страницу при помощи html5
2. Выглядеть должно примерно вот так - https://toggl.com/ , http://gopro.com/
3. Должно быть управление видео тремя кнопками: вперед, назад и пауза.
4. Все переключения между "вперед, назад и пауза" должны быть плавными, без скачков. Пример плохой реализации - http://vlad.it4u.ua/player.html
5. Если можно вставлять видео из youtube и проигрывать его в разных направлениях - это будет огромным плюсом.
6. Сделать инструкцию, где описать как можно менять видео ролик на другой.
Всем откликнувшимся заранее огромное спасибо!
-
173 Много работал с HTML5 Video, уже разрабатывал дополнительный функционал (которого нет в стандартном решении). Готов взяться и сделать.
-
139 Решение могу предоставить с JavaScript кодом управления, который привязывается к кнопкам и/или стартовым параметрам видео. Чистый HTML5 + JavaScript. Проблема с воспроизведением в реверсном порядке - там всегда будут скачки, так как видео HTML5 отправляется в виде потока, который "перематывается" на заданный промежуток назад. И, естественно, проблемы со звуком. Если видео без звука и в виде фона (как указано на первом примере), то такая реализация вам подойдет.
-
2 дні300 UAH
314 9 0 2 дні300 UAHЕси устраиваю, пишите в ЛС.
Актуальні фриланс-проєкти в категорії Javascript
ParallaxПотрібно зробити такий параллакс як тут https://www.bangbangforever.com/#artists, тобто відео блок відео( уже все сверстано є) і також уже частина параллакса готова, стек Next.js Javascript ∙ 1 ставка |
Канвас Анімація уповільнює сайт та інші анімаціїЄ сайт https://ps.qwy-dev.net. Canvas анімація в Hero(першій) секції сповільнює всі інші анімації + гугл пейдж спід дуже розлючається на сповільнення основного потоку(саме вона сповільнює його/ перевіряв). Потрібно прискорити або побудувати нову(з таким же принципом роботи).… HTML та CSS верстання, Javascript ∙ 6 ставок |
Налаштувати на сайті івенти Facebook Pixel та Google AnalyticsНалаштувати на сайті івенти Facebook Pixel та Google Analytics Зробити це через адмінку сайту, там просто додати скрипти або через GTM Javascript, Веб-програмування ∙ 5 ставок |
Калькулятор підрахунку вартості по м2 для сайту ролетівВсім привіт, мені треба зробити калькулятор підрахунку вартості товару по ширині та висоті Приклад розрахунку:Горизонтальні жалюзі 0.75 м2Тканині ролети 0.60 м2Москітні сітки 0.75 м2Римські штори 1 м2Японські штори 0.60 м2Захисні ролети 1.3 м2Вертикальні жалюзіЦіна від 1.6 м… Javascript, PHP ∙ 11 ставок |
Стилізувати Select option WordpressЗавдання стилізувати стандартний Select option на відповідні стилі. Проблема: при використанні заміни дропдауну на list через jquery: не працюють фільтри сортування товарів. Javascript, PHP ∙ 8 ставок |