@mindedge/vuetify-player 0.4.9 → 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.
Files changed (2) hide show
  1. package/package.json +1 -1
  2. package/src/components/Media/Html5Player.vue +16 -2
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mindedge/vuetify-player",
3
- "version": "0.4.9",
3
+ "version": "0.4.10",
4
4
  "private": false,
5
5
  "description": "Accessible, localized, full featured media player with Vuetifyjs",
6
6
  "author": "Jacob Rogaishio",
package/src/components/Media/Html5Player.vue 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--replay-icon">
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"
@@ -1437,7 +1451,7 @@ export default {
1437
1451
  height: 0;
1438
1452
  text-align: center;
1439
1453
  }
1440
- .player-overlay--replay-icon {
1454
+ .player-overlay--play-icon {
1441
1455
  color: #fff;
1442
1456
  font-size: 5rem;
1443
1457
  }