在安卓操作系统上的Chrome中，全屏/横向模式下HTML5视频的右上角出现笨拙的条块

var video = document.getElementById('myVideo');
video.addEventListener('fullscreenchange', function() {
    if (document.fullscreenElement) {
        video.controls = false; // 进入全屏时隐藏控制栏
    } else {
        video.controls = true; // 退出全屏时显示控制栏
    }
});

video:-webkit-full-screen {
    width: 100%;
    height: 100%;
}

var elem = document.documentElement;
if (elem.requestFullscreen) {
    elem.requestFullscreen({ navigationUI: 'hide' });
}

window.addEventListener('orientationchange', function() {
    if (window.orientation === 90 || window.orientation === -90) {
        // 横向模式下的处理
    } else {
        // 纵向模式下的处理
    }
});