Как вставить ссылку на видео HLS

Question

У меня есть ссылка HLS от Vimeo, которую я хочу поместить в видеотег html5.

Это ссылка: http://player.vimeo.com/external/123834994.m3u8?p=high,standard,mobile&s=53a796101334e99bff44f62f9e7a28df

Это видео тег:

<video autoplay muted loop class="bgvid" id="HomeVideoBig"> 
    <source src="http://player.vimeo.com/external/123834994.hd.mp4?s=8cd812ab0db3a9ce0d256814f9e6dcd8&profile_id=113" type="video/mp4"> 
</video> 

Как мне это сделать? Я использую asp.net. Я хочу, чтобы он работал правильно во всех браузерах.

Answer 1

Используйте приведенную ссылку как src и application/x-mpegURL или vnd.apple.mpegURL для типа.

Обратите внимание: HLS не поддерживается на всех браузерах/устройствах. На рабочем столе только Safari 6+ имеет встроенную поддержку HLS. Вам нужно будет использовать плеер, который предлагает Flash fallback. Некоторые игроки, которые будут работать, являются:

• платный: JWPlayer (HLS потребности Premium), Flowplayer
• с открытым исходным кодом: Clappr

Смотреть еще: HLS Device Compatibility