javascript - 在 Android 上全屏时 flv.js 媒体错误

Question

我使用 flv.js 在我的 android 设备上播放了一个 flv 流。在正常模式下播放时一切正常，除了当我切换到全屏模式时，它播放 1 秒钟然后崩溃。FlvPlayer 错误日志说：

[MSEController] > Failed to execute 'appendBuffer' on 'SourceBuffer': The HTMLMediaElement.error attribute is not null.

如果我在错误发生时手动记录错误，即flvPlayer.on(flvjs.Events.ERROR, function(e))，对应的日志为：

e : MediaError
videoElement.error : MediaError {code: 3, message: "PIPELINE_ERROR_DECODE: video decode error"}

这仅在全屏模式下发生，我将 document.body 设置为全屏

编辑：

如果我将 videoElement 设置为全屏，则视频可以继续播放，但它会缩小并继续闪烁，上面的所有元素也都消失了

Answer 1

显然添加一个 div 作为视频的父级可以提供帮助

在全屏模式下，div 标签需要具有以下样式：

height/width: browser-size //without this cannot see video as overflow is hidden
overflow: hidden
transform: rotate(0.000001deg) //known bug for chrome