pages_app/videoDetail/videoDetail.vue

@@ -29,10 +29,10 @@
   <video
           v-if="showVideo"
           class="player-wrapper"
-          :style="{width: videoWidth + 'px'}"
+          style="height: 220px !important;"
           :src="videoSrc"
           controls
-          :autoplay="false"
+          autoplay
         ></video>
      <!-- 标签切换 -->
      <cover-view class="tabs">
@@ -204,7 +204,6 @@ const notEnoughVisible = ref(false);
 const notEnoughContent = ref("");
 const welfareNum = ref(0);
 const showVideo = ref(false);
-const videoWidth = ref(350);
 //import DomVideoPlayer from 'uniapp-video-player'
 const notEnoughConfirm = () => {
   notEnoughVisible.value = false;
@@ -507,12 +506,6 @@ const shareToWeibo = () => {
 // 使用uni-app的onLoad生命周期
 onLoad((options) => {
   console.log(options);
-  uni.getSystemInfo({
-  success: function (res) {
-    videoWidth.value = res.windowWidth;   // 窗口宽度
-
-  }
-});
   video_uuid.value = options.id;
   addVideoWatchRecord();
   VideoDownloadRecord();
@@ -680,8 +673,10 @@ $theme-color: #8b2316;
   position: fixed;
   top:calc(var(--status-bar-height) + 44px);
   left: 0;
+  right: 0;
   z-index:0;
-  height: 220px!important;
+  width: 100%;
+  height: 220px;
   overflow: hidden;
 }
 .share-img {