在Android上全屏时出现flv.js媒体错误

Question

我有一个flv流播放在我的安卓设备上使用flv.js。在正常模式下，一切都很好，除非我切换到全屏模式，它会播放1秒，然后崩溃。FlvPlayer错误日志显示：

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

如果在发生错误时手动记录错误，即flvPlayer.on(flvjs.Events.ERROR，函数(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