chore: 优化Safari浏览器视频播放

client/src/index.html

@@ -24,7 +24,6 @@
   <script type="text/javascript" src="https://zws-imgs-pub.ezijing.com/static/build/learn-mba/static/common/runtime.js"></script>
   <!-- 直接引入aliyun播放插件 JS -->
   <script type="text/javascript" charset="utf-8" src="https://g.alicdn.com/de/prismplayer/2.8.8/aliplayer-min.js"></script>
-  <script type="text/javascript" charset="utf-8" src="https://player.alicdn.com/aliplayer/presentation/js/aliplayercomponents.min.js"></script>
   <!-- 解决iframe嵌套，CC视频在safri中打开免登陆兼容问题 -->
   <script src="//view.csslcloud.net/js/_fix_.js"></script>
   <script src="//view.csslcloud.net/js/jquery-1.9.0.min.js" type="text/javascript"></script>

client/src/modules/viewer/components/player/videoPlayer.vue

@@ -30,13 +30,11 @@ export default {
           height: '100%',
           autoplay: false,
           isLive: false,
+          preload: true,
+          useH5Prism: true,
           controlBarVisibility: 'always',
-          components: [
-            {
-              name: 'QualityComponent',
-              type: AliPlayerComponent.QualityComponent
-            }
-          ]
+          defaultDefinition: 'SD',
+          useHlsPluginForSafari: true
         },
         function(player) {
           player.on('ready', function() {
@@ -44,17 +42,12 @@ export default {
             _this.isSkip && player.seek(6)
             _this.$emit('ready', player)
           })
-          player.on('sourceloaded', function(params) {
-            const paramData = params.paramData
-            const desc = paramData.desc
-            const definition = paramData.definition
-            player
-              .getComponent('QualityComponent')
-              .setCurrentQuality(desc, definition)
-          })
           player.on('timeupdate', function(event) {
             _this.$emit('timeupdate', player.getCurrentTime())
           })
+          player.on('error', function(event) {
+            console.log(event)
+          })
         }
       )
     }