@mindedge/vuetify-player 0.4.7 → 0.4.9

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@mindedge/vuetify-player",
-    "version": "0.4.7",
+    "version": "0.4.9",
     "private": false,
     "description": "Accessible, localized, full featured media player with Vuetifyjs",
     "author": "Jacob Rogaishio",

package/src/components/Media/Html5Player.vue

@@ -65,6 +65,7 @@
                     @abort="$emit('abort', $event)"
                     @focusin="$emit('focusin', $event)"
                     @focusout="$emit('focusout', $event)"
+                    @ratechange="onPlayerSpeedChange"
                 >
                     <source
                         v-for="(source, index) of current.sources"
@@ -1010,6 +1011,19 @@ export default {
                 }
             }
         },
+        onPlayerSpeedChange(e) {
+            // If the player set its own playback rate (like during reloads) then we need to re-set it to the pre-chosen value
+            // The below checks if there's a mismatch between the player and what we set the current rate to be
+            if (
+                e &&
+                e.target &&
+                e.target.playbackRate &&
+                e.target.playbackRate !==
+                    this.attributes.playbackrates[this.state.playbackRateIndex]
+            ) {
+                this.onPlaybackSpeedChange(this.state.playbackRateIndex)
+            }
+        },
         onPlaybackSpeedChange(index) {
             this.player.playbackRate = this.attributes.playbackrates[index]
             this.state.playbackRateIndex = index

package/src/components/VuetifyPlayer.vue

@@ -543,6 +543,10 @@ export default {
             }
         },
         onKeydown(e) {
+            // prevent tab trap
+            if (e.code.toLowerCase() === 'tab') {
+                return
+            }
             // Only process keyboard events if the media is focused
             // This is just in case the media lost focus but the event listener wasn't removed for some reason
             if (this.mediaFocus) {