возможно ли не жестко закодировать источник файла hls внутри javascript, а вместо этого поместить источник в тег <source> как обычные файлы mp4?
Вариант использования
У меня веб-сайт с html5 на основе Plyr .До сих пор мне удалось запустить его вместе с возможностью выбора из 4-х разрешений, закодированных с помощью файлов mp4.Тег видео выглядит следующим образом:
<video id="video" controls poster="{URL}/poster.jpg playsinline>
<source src="{URL}/1080.mp4 type="video/mp4" size="1080">
<source src="{URL}/720.mp4" type="video/mp4" size="720">
and so on....
Однако проблема в том, что если я поместил источник с расширением .m3u8, Firefox жалуется, что не может воспроизвести его, поскольку он не поддерживается.Справедливо, за исключением того, что демо hls на readme github показывает кодовое поле, в котором источник жестко запрограммирован, например:
<video id="video" controls></video>
<script>
var source = 'https://<url-to-m3u8-here
...
Это не может работать в моем случае использования, так как, как вы видели выше, мне нуженнесколько источников для переключения разрешения, пока Plyr не сможет сделать это с манифестом.
Есть ли способ включить hls.js в Plyr, чтобы я мог просто указать тег видео, например, так?
<video id="video" controls poster="{URL}/poster.jpg playsinline>
<source src="{URL}/index.m3u8" type="application/x-mpegURL" size="Auto">
<source src="{URL}/1080.mp4 type="video/mp4" size="1080">
<source src="{URL}/720.mp4" type="video/mp4" size="720">
(я работаю над включением тега Auto)