@mindedge/vuetify-player 0.4.8 → 0.4.10
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json
CHANGED
|
@@ -22,11 +22,25 @@
|
|
|
22
22
|
class="player-overlay"
|
|
23
23
|
>
|
|
24
24
|
<div class="player-overlay--icon">
|
|
25
|
-
<v-icon class="player-overlay--
|
|
25
|
+
<v-icon class="player-overlay--play-icon">
|
|
26
26
|
mdi-replay
|
|
27
27
|
</v-icon>
|
|
28
28
|
</div>
|
|
29
29
|
</div>
|
|
30
|
+
<div
|
|
31
|
+
v-if="
|
|
32
|
+
resolvedType === 'video' &&
|
|
33
|
+
!state.replay &&
|
|
34
|
+
currentPercent === 0
|
|
35
|
+
"
|
|
36
|
+
class="player-overlay"
|
|
37
|
+
>
|
|
38
|
+
<div class="player-overlay--icon">
|
|
39
|
+
<v-icon class="player-overlay--play-icon">
|
|
40
|
+
mdi-play
|
|
41
|
+
</v-icon>
|
|
42
|
+
</div>
|
|
43
|
+
</div>
|
|
30
44
|
<video
|
|
31
45
|
ref="player"
|
|
32
46
|
tabindex="0"
|
|
@@ -65,6 +79,7 @@
|
|
|
65
79
|
@abort="$emit('abort', $event)"
|
|
66
80
|
@focusin="$emit('focusin', $event)"
|
|
67
81
|
@focusout="$emit('focusout', $event)"
|
|
82
|
+
@ratechange="onPlayerSpeedChange"
|
|
68
83
|
>
|
|
69
84
|
<source
|
|
70
85
|
v-for="(source, index) of current.sources"
|
|
@@ -1010,6 +1025,19 @@ export default {
|
|
|
1010
1025
|
}
|
|
1011
1026
|
}
|
|
1012
1027
|
},
|
|
1028
|
+
onPlayerSpeedChange(e) {
|
|
1029
|
+
// If the player set its own playback rate (like during reloads) then we need to re-set it to the pre-chosen value
|
|
1030
|
+
// The below checks if there's a mismatch between the player and what we set the current rate to be
|
|
1031
|
+
if (
|
|
1032
|
+
e &&
|
|
1033
|
+
e.target &&
|
|
1034
|
+
e.target.playbackRate &&
|
|
1035
|
+
e.target.playbackRate !==
|
|
1036
|
+
this.attributes.playbackrates[this.state.playbackRateIndex]
|
|
1037
|
+
) {
|
|
1038
|
+
this.onPlaybackSpeedChange(this.state.playbackRateIndex)
|
|
1039
|
+
}
|
|
1040
|
+
},
|
|
1013
1041
|
onPlaybackSpeedChange(index) {
|
|
1014
1042
|
this.player.playbackRate = this.attributes.playbackrates[index]
|
|
1015
1043
|
this.state.playbackRateIndex = index
|
|
@@ -1423,7 +1451,7 @@ export default {
|
|
|
1423
1451
|
height: 0;
|
|
1424
1452
|
text-align: center;
|
|
1425
1453
|
}
|
|
1426
|
-
.player-overlay--
|
|
1454
|
+
.player-overlay--play-icon {
|
|
1427
1455
|
color: #fff;
|
|
1428
1456
|
font-size: 5rem;
|
|
1429
1457
|
}
|