🚧 adapted demo to new API

Author: otakodes

demo/demo.html

@@ -13,13 +13,18 @@ <h1>Vue Youtube Iframe Api Player</h1>
 
     <p><input placeholder="add a url" v-model="url"></p>
     <p><input placeholder="add an id" v-model="id"></p>
+    <p><input placeholder="add a quality" v-model="quality"></p>
 
     <vytia-player
       ref="p"
-      :ytid="id"
-      :yturl="url"
-      :player-vars="{controls: 0}"
-      @read="onPlayerReady"
+      :id="id"
+      :url="url"
+      start-at="120"
+      end-at="130"
+      :player-vars="{controls: 0, autoplay: 1}"
+      :quality="quality"
+      @playback-quality-change="onQualityChange"
+      @ready="onPlayerReady"
     >
     </vytia-player>
 

demo/main.js

@@ -1,27 +1,31 @@
-import Vue from 'vue/dist/vue.min.js'
-import VuePlayer from '../src/main'
+import Vue from 'vue/dist/vue.min.js';
+import VuePlayer from '../src/main';
 
-Vue.use(VuePlayer)
+Vue.use(VuePlayer);
 
 new Vue({
   el: '#app',
 
   data () {
     return {
       url: null,
-      id: null
-    }
+      id: null,
+      quality: null,
+    };
   },
 
   methods: {
-    onPlayerReady () {
-      console.log(this.$refs.p.player)
+    onPlayerReady() {
+      window.player = this.$refs.p.player; 
+    },
+    onQualityChange(event) {
+      console.log('quality', event);
     },
     play() {
-      this.$refs.p.player.playVideo()
+      this.$refs.p.player.playVideo();
     },
     pause() {
-      this.$refs.p.player.pauseVideo()
-    }
-  }
-})
+      this.$refs.p.player.pauseVideo();
+    },
+  },
+});