update

Author: surmon

CHANGELOG.md

@@ -1,6 +1,10 @@
 
 ## CHANGELOG
 
+### v5.0.1
+
+support dynamic change options
+
 ### v5.0.0
 
 #### use

dist/ssr.js

@@ -63,7 +63,7 @@ var videoPlayerDirective = function videoPlayerDirective(globalOptions) {
       el.children[0].setAttribute('x5-video-player-fullscreen', false);
     }
 
-    if (!!attrs.crossOrigin) {
+    if (attrs.crossOrigin) {
       el.children[0].crossOrigin = attrs.crossOrigin;
       el.children[0].setAttribute('crossOrigin', attrs.crossOrigin);
     }

dist/vue-video-player.js

@@ -64,8 +64,23 @@
       // console.log('this is current player instance object', this.player)
       setTimeout(() => {
         console.log('dynamic change options', this.player)
+
+        // change src
+        // this.playerOptions.sources[0].src = 'https://cdn.theguardian.tv/webM/2015/07/20/150716YesMen_synd_768k_vp8.webm';
+
+        // change item
+        // this.$set(this.playerOptions.sources, 0, {
+        //   type: "video/mp4",
+        //   src: 'https://cdn.theguardian.tv/webM/2015/07/20/150716YesMen_synd_768k_vp8.webm',
+        // })
+
+        // change array
+        // this.playerOptions.sources = [{
+        //   type: "video/mp4",
+        //   src: 'https://cdn.theguardian.tv/webM/2015/07/20/150716YesMen_synd_768k_vp8.webm',
+        // }]
         this.player.muted(false)
-      }, 2000)
+      }, 5000)
     },
     computed: {
       player() {

examples/01-video.vue

@@ -1,7 +1,7 @@
 {
   "name": "vue-video-player",
   "description": "video.js component for Vue",
-  "version": "5.0.0",
+  "version": "5.0.1",
   "license": "MIT",
   "private": false,
   "author": {

package.json

@@ -186,7 +186,7 @@
           self.$emit('ready', this)
         })
       },
-      dispose() {
+      dispose(callback) {
         if (this.player && this.player.dispose) {
           if (this.player.techName_ !== 'Flash') {
             this.player.pause && this.player.pause()
@@ -197,6 +197,9 @@
             this.reseted = false
             this.$nextTick(() => {
               this.reseted = true
+              this.$nextTick(() => {
+                callback && callback();
+              })
             })
           })
           /*
@@ -213,10 +216,11 @@
       options: {
         deep: true,
         handler(options, oldOptions) {
-          this.dispose()
-          if (options && options.sources && options.sources.length) {
-            this.initialize()
-          }
+          this.dispose(() => {
+            if (options && options.sources && options.sources.length) {
+              this.initialize()
+            }
+          })
         }
       }
     }

src/player.vue

@@ -74,7 +74,7 @@ const videoPlayerDirective = globalOptions => {
     }
 
     // cross origin
-    if (!!attrs.crossOrigin) {
+    if (attrs.crossOrigin) {
       el.children[0].crossOrigin = attrs.crossOrigin
       el.children[0].setAttribute('crossOrigin', attrs.crossOrigin)
     }