Browse Source

视频全屏

jwyu 2 years ago
parent
commit
8e23461faa
1 changed files with 2 additions and 4 deletions
  1. 2 4
      src/components/VideoPlayBox.vue

+ 2 - 4
src/components/VideoPlayBox.vue

@@ -24,13 +24,13 @@ function isFullScreen(){
  * 设置全屏
  * 设置全屏
  */
  */
 function setFullScreen(el){
 function setFullScreen(el){
-    el.requestFullscreen() || el.webkitRequestFullScreen()
+    el.requestFullscreen() || el.webkitRequestFullScreen() || el.msRequestFullscreen() || el.mozRequestFullScreen()
 }
 }
 /**
 /**
  * 关闭全屏
  * 关闭全屏
  */
  */
 function closeFullScreen(){
 function closeFullScreen(){
-    document.exitFullscreen() || document.webkitExitFullScreen()
+    document.exitFullscreen() || document.webkitExitFullScreen() || document.msExitFullscreen() || document.mozCancelFullScreen()
 }
 }
 //监听页面全屏变化
 //监听页面全屏变化
 function listenFullScreen(){
 function listenFullScreen(){
@@ -189,8 +189,6 @@ onMounted(() => {
             @progress="videoProgress"
             @progress="videoProgress"
             @click="handleChangeVideoPlay"
             @click="handleChangeVideoPlay"
             :controls="false"
             :controls="false"
-            style="opacity: 1;"
-            muted
             x5-playsinline
             x5-playsinline
             raw-controls
             raw-controls
             controls360=no
             controls360=no