Как выводить разные плееры на разных устройствах?

Question

[SmaiL]

В чем суть вопроса: есть некий поток, который в rtmp JWPlayer воспроизводит на компьютере, но не воспроизводит на мобильных устройствах, а есть VideoJS Player, который в hls успешно работает на мобильных устройствах, но не работает на десктопах.
Собственно решение очевидно — для десктопов выводить JWPlayer, а для мобильных устройств — VideoJS.

Answer 1

[Александр]

В VideoJS есть поддержка Flash который прекрасно работает на десктопе. В теге video добавляете атрибут data-setup.

<video  data-setup='{ "techOrder": ["flash", "html5"] }'>
<source src="rtmp://> #rtmp поток
<source src="http://> #hls поток
</video>

Тогда, при загрузке страницы если есть поддержка flash (десктопы) то он будет работать как флешплеер, если это телефоны, или другие устройства без поддержки flash то загрузится hls поток.
Вот живой пример www.ahtubinsk-today.ru/atv-online

Comments

[SmaiL]

Спасибо вам! А я и не знал о такой функции. Все отлично работает.

[Lexaz]

а как заставить videojs работать везде? бьюсь давно. есть и rtmp поток и hls

Answer 2

[Виктор]

Берете скриптик, который определяет на каком устройстве загружена страница. И соответственно разруливаете.
Примитив здесь
ruseller.com/lessons.php?id=1896
а дальше найдете.