Какие видеопроигрыватели для Web есть под заданные критерии?
Доброго времени суток, разрабатываю web-сайт на django, хотелось бы найти видеоплеер для воспроизведения контента с сайта, с максимально большим количеством соответствий к критериям:
- (Обязательно). Возможность не давать пользователям прокручивать видео, т.е. пользователь должен посмотреть видео с начала, чтобы узнать что в конце.
- С возможностью через JS получать информацию о том, на каком моменте видеоролика в данный момент пользователь
- С возможностью со стороны сервера(JS) установить время от которого пользователь продолжит смотреть видео
- C какими-нибудь гайдами по видеоплееру, в идеале в комбинации с django
Дополнительно:
в меню тостера есть раздел Фриланс это не очень сложная задача, и стоить будет не дорого. Главное определить бюджет. Если у вас возникает такой вопрос, то вы точно сами не решите проблему.
С гарантией можно все это делать только если стримить видео с сервера, и соответственно управлять тем что проигрывается на серверной стороне. Самый простой стриминг можно реализовать с помощью ffmpeg или vlc, готовые комбайны. Недостаток подхода - высокая нагрузка на сервер (стриминг не кешируется в обычном смысле).
Можно обмануть большинство сценариев обхода видео, если формировать m3u8 файл плейлист кусков видео, генерируя каждый раз новые ссылки на видео, где доступ к ним на сервере контролировать по таймингам (придется тестировать кучу девайсов, так как кешируют они немного по разному) и отдавать редиректом на настоящие куски видео, оформленные нормально статичным контентом (т.е. будут кешироваться), правда хз зачем тебе это, мне кажется тебе нужно принудить рекламу смотреть а не буквально требовать скачивать куски видео в определенном порядке.
Если тебе хватит пользовательского интерфейса (т.е. не защитит от продвинутых пользователей и продвинутых блокировщиков рекламы) то пользуйся штатным video (не понимаю почему все пилят какие то плееры, html5 video тег отличный вариант).
достаточно удалить control атрибут, чтобы не было интерфейса управления в т.ч. с клавиатуры, а чтобы исключить управление из меню (правая кнопка мыши) добавь к стилям pointer-events: none;
- Читаюсь как открытая книга)
Сейчас в планах образовательный контент делать, чтобы ученики досматривали видео, и тогда получали доступ к следующим видео, но на основе этого же проекта в другом планирую рекламу пихать -
не понимаю почему все пилят какие то плееры
все надеются оставить задел под рекламу
тоже не понимаю, есть здоровые ноги - предпочитают самодельные костыли - Uno, какие есть «ноги»?
- Викентий,
пользуйся штатным video (не понимаю почему все пилят какие то плееры, html5 video тег отличный вариант).
Опишите проблему, и специалист поможет с настройкой, исправлением ошибки или доработкой сайта. Подберём понятный план работ без лишней переписки.
Пока нет других ответов. Будьте первым, кто поможет автору.
Ответить на вопрос
Для использования видеопроигрывателя на веб-сайте существует несколько популярных вариантов, удовлетворяющих различным критериям. Ниже приведены некоторые из них:
1. Video.js:
Video.js - это гибкий и мощный видеопроигрыватель для веб-сайтов. Он поддерживает HTML5 видео и Flash видео, обеспечивает широкие возможности настройки и имеет простой API для интеграции. Video.js также предоставляет различные плагины для расширения функциональности.
<video id="my-video" class="video-js" controls preload="auto" width="640" height="264" data-setup='{"fluid": true}'> <source src="my-video.mp4" type="video/mp4"> <p class="vjs-no-js"> To view this video please enable JavaScript, and consider upgrading to a web browser that <a href="https://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a> </p> </video>
2. Plyr:
Plyr - это легкий и красивый видеопроигрыватель, который также поддерживает HTML5 видео. Он имеет простой и интуитивно понятный интерфейс, а также хорошо настраивается с помощью CSS. Plyr также обладает адаптивным дизайном, что делает его идеальным выбором для мобильных устройств.
<video id="player" playsinline controls> <source src="video.mp4" type="video/mp4"> <source src="video.webm" type="video/webm"> <p>Your browser doesn't support HTML5 video. Here is a <a href="video.mp4">link to the video</a> instead.</p> </video>
3. JW Player:
JW Player - это профессиональный видеопроигрыватель с богатыми возможностями и расширенной поддержкой. Он предоставляет мощные инструменты для управления видео, включая аналитику, монетизацию и адаптивное воспроизведение. JW Player также имеет гибкую настройку и поддерживает различные платформы.
<div id="player"></div> <script> var player = jwplayer('player'); player.setup({ file: 'video.mp4', image: 'preview.jpg', width: '100%', aspectratio: '16:9' }); </script>
Эти видеопроигрыватели предоставляют различные возможности и функциональность, поэтому выбор зависит от ваших конкретных потребностей и требований. Надеюсь, что это поможет вам выбрать подходящий видеопроигрыватель для вашего веб-сайта.