Merge pull request #29 from langyuxiansheng/dev_v1.2.4

Dev v1.2.4 修复多个播放器初始化异常的bug

README.md

@@ -406,6 +406,8 @@ See [Configuration Reference](https://cli.vuejs.org/config/).
 
 ## 更新日志
 
+> v1.2.4 修复多个播放器加载,只初始化一个播放器的bug.文档部分更新,增加了问题栏. 感谢"沙洲ad"的反馈与建议.
+
 > v1.2.3 优化播放器的初始化代码,调整包内结构,优化局部组件的注册方式,也兼容老版本的引用方式.文档部分更新,增加了问题栏. 感谢"liangzhiyuan2015"和"fancheur"两位网友的反馈与建议.
 
 > v1.2.2 修复指定id情况下,播放器报错"没有为播放器指定容器",目前移除外部指定id的方式,所有的播放器id都由内部生成,不再由外部指定容器(外部指定的意义并不大),其它的说明:更新1.2.1后报错Uncaught TypeError: 没有为播放器指定容器,因为源码中变更了部分代码,以及最大限度的简化代码,组件内部的根容器就只有一个div容器,导致以前外部指定id的时候,容器id与外部的不一致,导致抛出异常了,现在已经紧急修复了,若在使用,请更新到v1.2.2的版本;如果使用了外部指定id的方式请移除外部的id.否则id会出现重复的情况., 感谢"liyoro"的反馈和建议.

lib/vue-aliplayer-v2.common.js

@@ -142,12 +142,12 @@ if (typeof window !== 'undefined') {
 // EXTERNAL MODULE: ./node_modules/_core-js@2.6.10@core-js/modules/es6.function.name.js
 var es6_function_name = __webpack_require__("7cfd");
 
-// CONCATENATED MODULE: ./node_modules/_cache-loader@2.0.1@cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"05d0d90a-vue-loader-template"}!./node_modules/_vue-loader@15.7.2@vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/_cache-loader@2.0.1@cache-loader/dist/cjs.js??ref--0-0!./node_modules/_vue-loader@15.7.2@vue-loader/lib??vue-loader-options!./packages/AliplayerV2/index.vue?vue&type=template&id=044d503d&
+// CONCATENATED MODULE: ./node_modules/_cache-loader@2.0.1@cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"05d0d90a-vue-loader-template"}!./node_modules/_vue-loader@15.7.2@vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/_cache-loader@2.0.1@cache-loader/dist/cjs.js??ref--0-0!./node_modules/_vue-loader@15.7.2@vue-loader/lib??vue-loader-options!./packages/AliplayerV2/index.vue?vue&type=template&id=f019ba8a&
 var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{"id":_vm.playerId}})}
 var staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./packages/AliplayerV2/index.vue?vue&type=template&id=044d503d&
+// CONCATENATED MODULE: ./packages/AliplayerV2/index.vue?vue&type=template&id=f019ba8a&
 
 // EXTERNAL MODULE: ./node_modules/_core-js@2.6.10@core-js/modules/web.dom.iterable.js
 var web_dom_iterable = __webpack_require__("4634");
@@ -351,12 +351,14 @@ var es6_regexp_to_string = __webpack_require__("cc1d");
         scriptTag.id = scriptID;
         scriptTag.src = this.scriptSrc;
         html[0].appendChild(scriptTag);
-        scriptTag.addEventListener("load", function () {
-          _this3.initPlayer();
-        });
       } else {
         this.initPlayer(); //这样是为了兼容页面上有多个播放器
-      }
+      } //兼容单页加载和硬加载
+
+
+      scriptTag.addEventListener("load", function () {
+        _this3.initPlayer();
+      });
     },
 
     /**

lib/vue-aliplayer-v2.umd.js

@@ -151,12 +151,12 @@ if (typeof window !== 'undefined') {
 // EXTERNAL MODULE: ./node_modules/_core-js@2.6.10@core-js/modules/es6.function.name.js
 var es6_function_name = __webpack_require__("7cfd");
 
-// CONCATENATED MODULE: ./node_modules/_cache-loader@2.0.1@cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"05d0d90a-vue-loader-template"}!./node_modules/_vue-loader@15.7.2@vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/_cache-loader@2.0.1@cache-loader/dist/cjs.js??ref--0-0!./node_modules/_vue-loader@15.7.2@vue-loader/lib??vue-loader-options!./packages/AliplayerV2/index.vue?vue&type=template&id=044d503d&
+// CONCATENATED MODULE: ./node_modules/_cache-loader@2.0.1@cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"05d0d90a-vue-loader-template"}!./node_modules/_vue-loader@15.7.2@vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/_cache-loader@2.0.1@cache-loader/dist/cjs.js??ref--0-0!./node_modules/_vue-loader@15.7.2@vue-loader/lib??vue-loader-options!./packages/AliplayerV2/index.vue?vue&type=template&id=f019ba8a&
 var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{"id":_vm.playerId}})}
 var staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./packages/AliplayerV2/index.vue?vue&type=template&id=044d503d&
+// CONCATENATED MODULE: ./packages/AliplayerV2/index.vue?vue&type=template&id=f019ba8a&
 
 // EXTERNAL MODULE: ./node_modules/_core-js@2.6.10@core-js/modules/web.dom.iterable.js
 var web_dom_iterable = __webpack_require__("4634");
@@ -360,12 +360,14 @@ var es6_regexp_to_string = __webpack_require__("cc1d");
         scriptTag.id = scriptID;
         scriptTag.src = this.scriptSrc;
         html[0].appendChild(scriptTag);
-        scriptTag.addEventListener("load", function () {
-          _this3.initPlayer();
-        });
       } else {
         this.initPlayer(); //这样是为了兼容页面上有多个播放器
-      }
+      } //兼容单页加载和硬加载
+
+
+      scriptTag.addEventListener("load", function () {
+        _this3.initPlayer();
+      });
     },
 
     /**

package.json

@@ -1,6 +1,6 @@
 {
     "name": "vue-aliplayer-v2",
-    "version": "1.2.3",
+    "version": "1.2.4",
     "author": "yxs",
     "description": "感谢每一位开源的开发者. 这是一个基于Alipayer 开发并封装成vue组件的集成播放器.",
     "main":"lib/vue-aliplayer-v2.umd.min.js",

packages/AliplayerV2/index.vue

@@ -177,12 +177,13 @@ export default {
                 scriptTag.id = scriptID;
                 scriptTag.src = this.scriptSrc;
                 html[0].appendChild(scriptTag);
-                scriptTag.addEventListener("load", () => {
-                    this.initPlayer();
-                });
             } else {
                 this.initPlayer();  //这样是为了兼容页面上有多个播放器
             }
+            //兼容单页加载和硬加载
+            scriptTag.addEventListener("load", () => {
+                this.initPlayer();
+            });
         },
 
         /**