封装视频组件-liu

package-lock.json

@@ -7929,9 +7929,9 @@
       "dev": true
     },
     "mt-video-player": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/mt-video-player/-/mt-video-player-1.0.2.tgz",
-      "integrity": "sha512-bwHo+8FbzhAMK6psjqfbw+7QB6bYgzKp/aI1Ui5GNCg6iD3QEiLadg+w+1FzeBXjOpd8lZxXnJQFixllI+MDMA==",
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/mt-video-player/-/mt-video-player-1.0.3.tgz",
+      "integrity": "sha512-bcy1xVGEDrIgGhRaMhN/1SxaxlN+qyez6RTSeRjV7Oc6JtJT8s4WHe0GungP+T8vimPi1p/WhpF14Mf+TfNWgw==",
       "requires": {
         "object-assign": "^4.1.1",
         "video.js": "^6.6.0",
@@ -11894,18 +11894,6 @@
       "integrity": "sha1-HuO8mhbsv1EYvjNLsV+cRvgvWCU=",
       "dev": true
     },
-    "vue-video-player": {
-      "version": "5.0.2",
-      "resolved": "https://registry.npmjs.org/vue-video-player/-/vue-video-player-5.0.2.tgz",
-      "integrity": "sha512-IZXeRGGSX4YIp54G0Q5cB7iqh6Ok6Dpa2jRkjdyvMWw7MShJuh54/d5QNb1CZ+CvZUzX/TH7osnpir7mBNcFvQ==",
-      "requires": {
-        "object-assign": "^4.1.1",
-        "video.js": "^6.6.0",
-        "videojs-contrib-hls": "^5.12.2",
-        "videojs-flash": "^2.1.0",
-        "videojs-hotkeys": "^0.2.20"
-      }
-    },
     "vuex": {
       "version": "3.1.1",
       "resolved": "https://registry.npm.taobao.org/vuex/download/vuex-3.1.1.tgz",

package.json

@@ -24,7 +24,6 @@
     "vue-ls": "^3.2.1",
     "vue-pdf": "3.1.2",
     "vue-router": "^3.0.7",
-    "vue-video-player": "^5.0.0",
     "mt-video-player": "^1.0.3",
     "vuex": "^3.0.1"
   },

src/views/CourseDetail/index.vue

@@ -336,7 +336,7 @@ import MtAudio from '@comp/EduAudio'
 import {videoPlayer} from 'mt-video-player'
 import {getChapters, getFileUrl, updateProgress, addLearnLesson, cancleFollow, toFollow} from '@/api/test'
 import 'video.js/dist/video-js.css'
-import 'vue-video-player/src/custom-theme.css'
+import 'mt-video-player/src/custom-theme.css'
 import Coursediscuss from '../../components/CourseDiscuss/Coursediscuss'
 import {Loading, Button} from 'vant'
 import QRCode from 'qrcode'

webpack.dll.conf.js

@@ -10,7 +10,7 @@ const dllPath = 'public/vendor'
 module.exports = {
   entry: {
     // 需要提取的库文件
-    vendor: ['vue', 'vue-router', 'vant', 'vue-video-player', 'vuex', 'moment', 'jquery', 'lodash']
+    vendor: ['vue', 'vue-router', 'vant', 'mt-video-player', 'vuex', 'moment', 'jquery', 'lodash']
   },
   output: {
     path: path.join(__dirname, dllPath),