调用requestFullscreen使dom全屏时，隐藏element组件。这个声音的组件是elementUI的组件，非全屏时正常显示。当我将父DOM全屏显示时，无论级别设置多高，音量条都会被覆盖。原因：使用的组件是element组件。弹窗组件会在body中生成，与项目主体的app平行。项目主体全屏后level最高，弹窗会覆盖在applevel下无法显示。解决方法：不要让某个元素全屏，让整个文档全屏，不会被覆盖，因为自动生成的显示组件和body在同一层级。相关代码：//全屏requestFullscreen=(element)=>{constelement=element||document.documentElementif(element.requestFullscreen){element.requestFullscreen()}elseif(element.msRequestFullscreen){element.msRequestFullscreen()}elseif(element.mozRequestFullScreen){element.mozRequestFullScreen()}elseif(element.webkitRequestFullscreen)){element.webkitRequestFullscreen()}}//退出全屏exitFullscreen=()=>{if(document.exitFullscreen){document.exitFullscreen()}elseif(document.msExitFullscreen){document.msExitFullscreen()}elseif(document.mozCancelFullScreen){document.mozCancelFullScreen()}elseif(document.webkitCancelFullScreen){document.webkitCancelFullScreen()}
