在Android上全屏显示时flv.js媒体错误

时间:2019-07-12 10:02:15

标签: javascript android android-fullscreen streaming-flv-video

我使用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设置为全屏,则视频可以继续播放,但是会缩小并保持闪烁,并且它上面的所有元素都消失了

1 个答案:

答案 0 :(得分:0)

显然将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