测试

src/pages/lived/index.vue

@@ -53,10 +53,15 @@
       class="livePlayer"
       :src="liveNoticeInfo.boStreamRTMP"
       mode="RTC"
+      :picture-in-picture-mode="['push','pop']"
       autoplay
+      object-fit="fillCrop"
+      orientation="vertical"
       @error="error"
       @statechange="changes"
     />
+    <!-- object-fit="fillCrop" -->
+    <!-- orientation="horizontal" -->
   </div>
 </template>
 
@@ -422,9 +427,11 @@ export default {
     }
   }
   .livePlayer {
-    position: absolute;
+    position: fixed;
     top: 0;
     left: 0;
+    bottom: 0;
+    right: 0;
     width: 100vw;
     height: 100vh;
     z-index: -1;