viddeo页修改

pages_app/videoDetail/videoDetail.vue

@@ -29,10 +29,10 @@
   <video
           v-if="showVideo"
           class="player-wrapper"
-          style="height: 220px !important;"
+          :style="{width: videoWidth + 'px'}"
           :src="videoSrc"
           controls
-          autoplay
+          :autoplay="false"
         ></video>
      <!-- 标签切换 -->
      <cover-view class="tabs">
@@ -204,6 +204,7 @@ 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;
@@ -506,6 +507,12 @@ 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();
@@ -673,10 +680,8 @@ $theme-color: #8b2316;
   position: fixed;
   top:calc(var(--status-bar-height) + 44px);
   left: 0;
-  right: 0;
   z-index:0;
-  width: 100%;
-  height: 220px;
+  height: 220px!important;
   overflow: hidden;
 }
 .share-img {