@mindedge/vuetify-player 0.4.3 → 0.4.6

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
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mindedge/vuetify-player",
3
- "version": "0.4.3",
3
+ "version": "0.4.6",
4
4
  "private": false,
5
5
  "description": "Accessible, localized, full featured media player with Vuetifyjs",
6
6
  "author": "Jacob Rogaishio",
@@ -4,7 +4,7 @@
4
4
  <v-col
5
5
  ref="playerContainer"
6
6
  :cols="!state.expandedCaptions ? 12 : 6"
7
- class="pb-0 mb-0"
7
+ class="pb-0 mb-0 player-container"
8
8
  >
9
9
  <div
10
10
  v-if="resolvedType === 'video' && buffering"
@@ -129,6 +129,7 @@
129
129
  <template #activator="{ on, attrs }">
130
130
  <v-btn
131
131
  class="controls--button"
132
+ dark
132
133
  x-small
133
134
  text
134
135
  v-bind="attrs"
@@ -167,6 +168,7 @@
167
168
  <template #activator="{ on, attrs }">
168
169
  <v-btn
169
170
  class="controls--button"
171
+ dark
170
172
  x-small
171
173
  text
172
174
  v-bind="attrs"
@@ -197,6 +199,7 @@
197
199
  <template #activator="{ on, attrs }">
198
200
  <v-btn
199
201
  class="controls--button hide-mobile"
202
+ dark
200
203
  x-small
201
204
  text
202
205
  v-bind="attrs"
@@ -233,6 +236,7 @@
233
236
  <template #activator="{ on, attrs }">
234
237
  <v-btn
235
238
  class="controls--button"
239
+ dark
236
240
  x-small
237
241
  text
238
242
  v-bind="attrs"
@@ -282,6 +286,7 @@
282
286
  <template #activator="{ on, attrs }">
283
287
  <v-btn
284
288
  class="controls--button"
289
+ dark
285
290
  x-small
286
291
  text
287
292
  v-bind="attrs"
@@ -351,6 +356,7 @@
351
356
  <template #activator="{ on, attrs }">
352
357
  <v-btn
353
358
  class="controls--button"
359
+ dark
354
360
  x-small
355
361
  text
356
362
  v-bind="attrs"
@@ -388,6 +394,7 @@
388
394
  <template #activator="{ on, attrs }">
389
395
  <v-btn
390
396
  class="controls--button hide-mobile"
397
+ dark
391
398
  x-small
392
399
  text
393
400
  v-bind="attrs"
@@ -418,6 +425,7 @@
418
425
  <template #activator="{ on, attrs }">
419
426
  <v-btn
420
427
  class="controls--button hide-mobile"
428
+ dark
421
429
  x-small
422
430
  text
423
431
  v-bind="attrs"
@@ -446,6 +454,7 @@
446
454
  <template #activator="{ on, attrs }">
447
455
  <v-btn
448
456
  class="controls--button hide-mobile"
457
+ dark
449
458
  x-small
450
459
  text
451
460
  v-bind="attrs"
@@ -1269,7 +1278,7 @@ export default {
1269
1278
  // If this is left default / set to 100 then the above line
1270
1279
  // Also set snapToLines to true otherwise if there's a line % in the vtt file the display will be relative and make the lines not aligned properly
1271
1280
  this.player.textTracks[i].activeCues[0].line =
1272
- -3 - numLines
1281
+ -4 - numLines
1273
1282
  this.player.textTracks[i].activeCues[0].size = 99
1274
1283
  this.player.textTracks[
1275
1284
  i
@@ -1369,11 +1378,14 @@ export default {
1369
1378
  margin-top: -25px;
1370
1379
  }
1371
1380
  }
1381
+ .player-container {
1382
+ overflow: hidden;
1383
+ }
1372
1384
  .controls-container {
1373
1385
  height: 80px;
1374
1386
  position: relative;
1375
1387
  top: -90px;
1376
- margin-bottom: -80px;
1388
+ margin-bottom: -90px;
1377
1389
  }
1378
1390
  .controls {
1379
1391
  height: 80px;
@@ -2,7 +2,7 @@
2
2
  <!-- Settings -->
3
3
  <v-menu :attach="attach" top left offset-y :close-on-content-click="false">
4
4
  <template #activator="{ on, attrs }">
5
- <v-btn x-small text v-bind="attrs" v-on="on">
5
+ <v-btn dark x-small text v-bind="attrs" v-on="on">
6
6
  <v-icon>mdi-cog</v-icon>
7
7
  <span class="d-sr-only">{{
8
8
  t(language, 'player.toggle_settings')