Question

fetchMoreItems_: function (index) {
              if (this.toLoad_ < index && hasMoreRecords) {
                  this.toLoad_ += 5;

此代码适用于我的Android设备上的所有浏览器，但不适用于我的计算机上的Firefox / Chrome / Safari。我需要在所有设备上播放视频。我该怎么办？

Answer 1

本地大多数浏览器都不支持HLS。但可以通过hls.js等库来播放。

Answer 2

这应该很容易工作

<script src="https://cdn.jsdelivr.net/npm/hls.js@latest"></script>
<video id="video"></video>
<script>
  if(Hls.isSupported()) {
    var video = document.getElementById('video');
    var hls = new Hls();
    hls.loadSource('https://video-dev.github.io/streams/x36xhzz/x36xhzz.m3u8');
    hls.attachMedia(video);
    hls.on(Hls.Events.MANIFEST_PARSED,function() {
      video.play();
  });
 }
</script>

播放带视频标签的m3u8视频

2 个答案: