update DP-1334 解决部分浏览器视频全屏卡顿问题

public/index.html

@@ -265,6 +265,16 @@
       </li>
     </ul>
 
+    <!-- <script>
+      var _hmt = _hmt || [];
+      (function() {
+        var hm = document.createElement("script");
+        hm.src = "https://hm.baidu.com/hm.js?f4d7d83c565e698bd7cedfe9c6297055";
+        var s = document.getElementsByTagName("script")[0];
+        s.parentNode.insertBefore(hm, s);
+      })();
+    </script> -->
+
     <script>
       var _hmt = _hmt || [];
       (function(c, l, a, r, i, t, y) {

src/assets/css/m.css

@@ -53,7 +53,11 @@
   .m-db-800 {
     display: block !important;
   }
+  .msg-box {
+    width: 100% !important;
+  }
 }
+
 :root {
   --van-red: #0082fc;
 }

src/components/AvatarDropDown.vue

@@ -59,7 +59,6 @@ export default {
       const res = await getUserInfoShequ(state.uid);
       if (res.code === 200) {
         state.user = res.data;
-        console.log(state.user);
       }
     };
     resGetUserInfoShequ();

src/components/Header.vue

@@ -38,7 +38,7 @@
         </div>
 
         <nav class="infomation">
-          <el-dropdown v-if="com_user_token" class="personal" placement="bottom-end" popper-class="new-dropdown" show-timeout="0">
+          <el-dropdown v-if="com_user_token" class="personal" placement="bottom-end" popper-class="new-dropdown" :show-timeout="0">
             <span class="el-dropdown-link">
               <el-avatar :src="avatarUrl + uid" :size="32" fit="cover" icon="el-icon-user-solid"></el-avatar>
               <i class="el-icon-arrow-down el-icon--right"></i>

src/views/class/play.vue

@@ -4,7 +4,8 @@
   <div v-if="!com_user_token">
     <el-empty :image-size="200" description=" ">无权限查看，当前页面需要 <a :href="com_login_url" class="col008">登录</a></el-empty>
   </div>
-  <div v-if="isAuth">
+  <div v-if="isAuth && com_user_token">
+    >
     <div class="main">
       <div class="videoBox flex-2">
         <div class="viewtil" style="min-height:8%">
@@ -387,7 +388,7 @@ export default {
     onMounted(() => {
       var new_element = document.createElement("script");
       new_element.setAttribute("type", "text/javascript");
-      new_element.setAttribute("src", "/js/ckplayerX2/ckplayer.min.js");
+      new_element.setAttribute("src", "/js/ckplayerX2/ckplayer.min.js?v=2.1");
       document.body.appendChild(new_element);
 
       // 第一个视频的渲染 第一个视频不发送时长埋点

src/views/video/play.vue

@@ -393,7 +393,7 @@ export default {
     onMounted(() => {
       var new_element = document.createElement("script");
       new_element.setAttribute("type", "text/javascript");
-      new_element.setAttribute("src", "/js/ckplayerX2/ckplayer.min.js");
+      new_element.setAttribute("src", "/js/ckplayerX2/ckplayer.min.js?v=2.1");
       document.body.appendChild(new_element);
 
       // 第一个视频的渲染 第一个视频不发送时长埋点
@@ -853,3 +853,14 @@ body {
   }
 }
 </style>
+<style type="text/css">
+video::-internal-media-controls-download-button {
+  display: none;
+}
+video::-webkit-media-controls-enclosure {
+  overflow: hidden;
+}
+video::-webkit-media-controls-panel {
+  width: calc(100% + 30px);
+}
+</style>