更改角标大小 测试视频播放问题

src/components/diyDot/diyDot.vue

@@ -2,8 +2,8 @@
   <div style="position: relative;display: inline-block;width: 1px;height: 18px">
     <div class="diyDot tool-bar" v-if="num !== 0"
          :style="{'backgroundColor':num > 0 && num <= 3 ? '#3BCA66' : (num > 3 && num <= 10 ? '#F5AD01' : num > 10 ? '#E94B3F' : ''),
-                'width':type === 1 ? '8px' : '6.4px',
-                'height':type === 1 ? '8px' : '6.4px',}"/>
+                'width':type === 1 ? '8px' : '6px',
+                'height':type === 1 ? '8px' : '6px',}"/>
   </div>
 </template>
 

src/views/CourseDetail/index.vue

@@ -48,8 +48,9 @@
           @play="playEvent"
           @ready="playerReadied"
           @fullscreenchange="onPlayerFullScreenchange($event)"
+          @canplay="onPlayerCanplay($event)"
           :options="playerOptions"
-          :playsinline="true"
+          :playsinline="playsinline"
         />
         <mt-audio
           ref="mtAudio"
@@ -548,6 +549,16 @@ export default {
   computed: {
     outLinkClint() {
       return process.env.VUE_APP_BASE_API6 + '/module/home.html#/CourseTrainOutPotal?courseBusinessId=' + this.$route.query.id
+    },
+    playsinline() {
+      var ua = navigator.userAgent.toLocaleLowerCase();
+      // x5内核
+      if (ua.match(/tencenttraveler/) != null || ua.match(/qqbrowse/) != null) {
+        return false
+      } else {
+        // ios端
+        return true
+      }
     }
   },
 
@@ -1212,6 +1223,25 @@ export default {
     },
     onPlayerFullScreenchange(player) {
 
+    },
+    onPlayerCanplay(player) {
+      // console.log('player Canplay!', player)
+      // 解决自动全屏
+      var ua = navigator.userAgent.toLocaleLowerCase()
+      var video = document.getElementsByTagName('video')[0]
+      // x5内核
+      if (ua.match(/tencenttraveler/) != null || ua.match(/qqbrowse/) != null) {
+        video.setAttribute('x-webkit-airplay', 'true')
+        video.setAttribute('x5-playsinline', 'true')
+        video.setAttribute('webkit-playsinline', 'true')
+        video.setAttribute('playsinline', 'true')
+        // $('body').find('video').attr('x-webkit-airplay', true).attr('x5-playsinline', true).attr('webkit-playsinline', true).attr('playsinline', true)
+      } else {
+        // ios端
+        video.setAttribute('webkit-playsinline', 'true')
+        video.setAttribute('playsinline', 'true')
+        // $('body').find('video').attr('webkit-playsinline', 'true').attr('playsinline', 'true')
+      }
     },
     onAudioTimeupdate(time) {
       this.currentPlayTime = time