Возможные проблемы и их решения
Не загружается видео или зависает
- Проверьте скорость интернета с помощью Скоростомера.
- Закройте в браузере все вкладки, кроме плеера. Перезагрузите страницу.
При включенной защите (widevine DRM) есть возможность записывать видео с экрана
Такое возможно если один из родительских элементов, куда встраивается плеер, имеет скругления (border-radius
). Для таких случаев решением, на данный момент, является указание css стилей элементу со скруглениями: overflow: 'initial' или 'visible'
.
Не работает widevine DRM в WebView на Android
В WebView проверить поддержку DRM через https://shaka-player-demo.appspot.com/support.html. Если null
, то нет поддержки.
Возможные решения:
- https://github.com/videojs/video.js/issues/5563
- https://stackoverflow.com/questions/47626857/how-to-play-widevine-drm-content-in-android-webview
- https://stackoverflow.com/questions/53143363/how-to-enable-protected-content-in-a-webview
Не запускается плеер при нажатии на свою кнопку (не плеера) и вызове API play()
Это ограничения браузера (https://developer.chrome.com/blog/autoplay).
Необходимо чтобы пользователь нажал на плеер, а не на вашу кнопку. Для этого, чтобы нажатие проходило как бы сквозь вашу кнопку и происходило на плеере, можно кнопке (или другим элементам над плеером) установить css стиль pointer-events: none
.
Зависает страница с большим количеством плееров
См. раздел Оптимизация.