0

好的，这是我一年前开始从事我的项目以来一直遇到的问题。在 Android（仅限 Android）上的 Chrome 上进入全屏时，我的 Plyr.io 视频播放器停止流式传输并进入无限加载阶段（只有 50% 的情况下我进入全屏）。

尽管可以通过单击进度条上的某处（设置另一个时间）或重新加载来轻松解决此问题。我注意到它也发生在其他带有视频流的网站上。

我将 Plyr.io 用于 Videoplayer，并将https://gist.github.com/chikien276/66229316147ba1180df2f84caff8730d用作来自 Spring Boot 服务器的多部分文件发送器。

这是一个已知的问题？如何修复？这是服务器端还是客户端问题？

4

1 回答 1

0

我不是 100% 确定，但这听起来像是客户端问题。我相信它可以通过在全屏切换发生时将视频倒带一秒钟来解决。

function onFullScreen(e) {
  var isFullscreenNow = document.webkitFullscreenElement !== null
  // rewind your video here or add a setTimeout for 1 second and then seek the video.
}

document.getElementById("video").addEventListener('webkitfullscreenchange', onFullScreen)

切换时，您的视频无论如何都不会播放一段时间。也许这个 hack 可以解决你的问题

于 2019-02-18T08:20:48.483 回答