如何让 Hls.js 在准备好后自动播放视频？

Question

我尝试在许多可能事件的侦听器上使用video.play() ，但它们都不是一直有效。 我有时会在控制台中收到未处理的 DOM 异常。 哪个事件是正确的听，或者我怎样才能实现这个功能？

到目前为止我尝试听的事件是

Hls.Events.LEVEL_LOADED
Hls.Events.FRAG_LOADED
Hls.Events.BUFFER_APPENDED

我只是为这些事件添加侦听器，如下所示：

Hls.on(EVENT, playVideo);

hls.js： https://github.com/video-dev/hls.js

Answer 1

您是否尝试过事件Hls.Events.MANIFEST_PARSED ？

例：

hls.on(Hls.Events.MANIFEST_PARSED,playVideo);

Answer 2

不要忘记，如果没有 Chrome 中的交互，您将无法再自动播放未静音的视频。 见 - https://developer.chrome.com/blog/autoplay/

这对我来说很好：

    hls.on(Hls.Events.MEDIA_ATTACHED, function () {
      video.muted = true;
      video.play();
    });