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

Posted

技术标签:

【中文标题】如何让 Hls.js 在准备好后自动播放视频?【英文标题】:How can I make Hls.js autoplay a video when its ready? 【发布时间】:2019-03-19 00:26:04 【问题描述】:

我已经尝试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

【问题讨论】:

从这个 sn-p docs.peer5.com/players/hls.js 来看,我猜它是 Hls.Events.MANIFEST_PARSED 这有点道理。 @Countingstuff 这不起作用:( 【参考方案1】:

你尝试过Hls.Events.MANIFEST_PARSED事件吗?

例子:

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

【讨论】:

以上是关于如何让 Hls.js 在准备好后自动播放视频?的主要内容,如果未能解决你的问题,请参考以下文章

如何让 HLS.js 从服务器端获取数据?

小米手机微信视频播放的设置,微信收到视频自动就播放,自动走流量,如何让视频不自动播放

如何让视频在方向更改时自动播放?

如何让嵌入的 Youtube 视频自动开始播放?

Vue3视频播放器组件Vue3-video-play入门教程

使用hls.js播放m3u8视频流