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