@viewlift/player-backup 1.0.178-backup → 1.0.180-backup

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 (3) hide show
  1. package/cjs/bundle.css +24 -11
  2. package/esm/bundle.css +24 -11
  3. package/package.json +1 -1
package/cjs/bundle.css CHANGED
@@ -1,6 +1,9 @@
1
1
 
2
2
 
3
3
 
4
+
5
+
6
+
4
7
  .video-js.skin_vlone .vjs-control-bar .vjs-progress-control.vjs-control {
5
8
  height: 0.7em;
6
9
  position: absolute;
@@ -105,6 +108,7 @@
105
108
  width: min-content !important;
106
109
  min-width: 1.5em;
107
110
  padding: 0 !important;
111
+ user-select: none;
108
112
  }
109
113
 
110
114
  .video-js.skin_vlone .vjs-current-time.vjs-time-control.vjs-control {
@@ -141,9 +145,6 @@
141
145
  }
142
146
  }
143
147
 
144
-
145
-
146
-
147
148
  /* CSS for videojs-dvr-seekbar */
148
149
 
149
150
  .video-js.vjs-dvr-seekbar {
@@ -290,10 +291,13 @@
290
291
  display: none;
291
292
  }
292
293
 
294
+ .ssai-ad-container{
295
+ display: none;
296
+ }
293
297
  .ssai-ad-container .ad-counter{
294
298
  position: absolute;
295
299
  top: 10px;
296
- right: 2rem;
300
+ left: 10px;
297
301
  background: rgb(212, 169, 0);
298
302
  color: black;
299
303
  padding: 6px 10px;
@@ -303,12 +307,13 @@
303
307
  overflow: hidden;
304
308
  text-overflow: ellipsis;
305
309
  white-space: nowrap;
310
+ user-select: none;
306
311
  }
307
312
 
308
313
  .ssai-ad-container .ad-info-icon{
309
314
  position: absolute;
310
315
  top: 15px;
311
- right: 10px;
316
+ left: 5.2rem;
312
317
  cursor: pointer;
313
318
  }
314
319
 
@@ -316,24 +321,32 @@
316
321
  position: absolute;
317
322
  top: 10px;
318
323
  color: white;
319
- padding: 6px 8px;
324
+ padding: 6px 0px;
320
325
  font-size: 12px;
321
326
  border-radius: 2px;
322
327
  overflow: hidden;
323
328
  text-overflow: ellipsis;
324
329
  white-space: nowrap;
325
330
  max-width: 400px;
326
- right: 1.5rem;
331
+ left: 6.4rem;
332
+ opacity: 0;
327
333
  visibility: hidden;
328
- transition: right 400ms ease-out;
334
+ transition: opacity 0.5s ease;
329
335
  text-shadow: 0 0 4px rgba(0,0,0,.75);
330
336
  }
331
337
 
332
338
  .ssai-ad-container .ad-info-icon:hover + .ad-info-title{
333
339
  visibility: visible;
334
- right: 6.3rem;
340
+ opacity: 1;
341
+ left: 6.4rem;
335
342
  }
336
343
 
344
+ @media (max-width:600px){
345
+ .ssai-ad-container .ad-info-title{
346
+ max-width: 190px;
347
+ }
348
+ }
349
+
337
350
 
338
351
  .video-js .tvProviderImage {
339
352
  position: absolute;
@@ -362,8 +375,6 @@
362
375
 
363
376
 
364
377
 
365
-
366
-
367
378
  .video-js .multicamera-parent.default{
368
379
  height: 345px;
369
380
  position: absolute;
@@ -445,6 +456,8 @@
445
456
 
446
457
 
447
458
 
459
+
460
+
448
461
  /* nextep */
449
462
  .next-ep-preview{
450
463
  position: absolute;
package/esm/bundle.css CHANGED
@@ -1,6 +1,9 @@
1
1
 
2
2
 
3
3
 
4
+
5
+
6
+
4
7
  .video-js.skin_vlone .vjs-control-bar .vjs-progress-control.vjs-control {
5
8
  height: 0.7em;
6
9
  position: absolute;
@@ -105,6 +108,7 @@
105
108
  width: min-content !important;
106
109
  min-width: 1.5em;
107
110
  padding: 0 !important;
111
+ user-select: none;
108
112
  }
109
113
 
110
114
  .video-js.skin_vlone .vjs-current-time.vjs-time-control.vjs-control {
@@ -141,9 +145,6 @@
141
145
  }
142
146
  }
143
147
 
144
-
145
-
146
-
147
148
  /* CSS for videojs-dvr-seekbar */
148
149
 
149
150
  .video-js.vjs-dvr-seekbar {
@@ -290,10 +291,13 @@
290
291
  display: none;
291
292
  }
292
293
 
294
+ .ssai-ad-container{
295
+ display: none;
296
+ }
293
297
  .ssai-ad-container .ad-counter{
294
298
  position: absolute;
295
299
  top: 10px;
296
- right: 2rem;
300
+ left: 10px;
297
301
  background: rgb(212, 169, 0);
298
302
  color: black;
299
303
  padding: 6px 10px;
@@ -303,12 +307,13 @@
303
307
  overflow: hidden;
304
308
  text-overflow: ellipsis;
305
309
  white-space: nowrap;
310
+ user-select: none;
306
311
  }
307
312
 
308
313
  .ssai-ad-container .ad-info-icon{
309
314
  position: absolute;
310
315
  top: 15px;
311
- right: 10px;
316
+ left: 5.2rem;
312
317
  cursor: pointer;
313
318
  }
314
319
 
@@ -316,24 +321,32 @@
316
321
  position: absolute;
317
322
  top: 10px;
318
323
  color: white;
319
- padding: 6px 8px;
324
+ padding: 6px 0px;
320
325
  font-size: 12px;
321
326
  border-radius: 2px;
322
327
  overflow: hidden;
323
328
  text-overflow: ellipsis;
324
329
  white-space: nowrap;
325
330
  max-width: 400px;
326
- right: 1.5rem;
331
+ left: 6.4rem;
332
+ opacity: 0;
327
333
  visibility: hidden;
328
- transition: right 400ms ease-out;
334
+ transition: opacity 0.5s ease;
329
335
  text-shadow: 0 0 4px rgba(0,0,0,.75);
330
336
  }
331
337
 
332
338
  .ssai-ad-container .ad-info-icon:hover + .ad-info-title{
333
339
  visibility: visible;
334
- right: 6.3rem;
340
+ opacity: 1;
341
+ left: 6.4rem;
335
342
  }
336
343
 
344
+ @media (max-width:600px){
345
+ .ssai-ad-container .ad-info-title{
346
+ max-width: 190px;
347
+ }
348
+ }
349
+
337
350
 
338
351
  .video-js .tvProviderImage {
339
352
  position: absolute;
@@ -362,8 +375,6 @@
362
375
 
363
376
 
364
377
 
365
-
366
-
367
378
  .video-js .multicamera-parent.default{
368
379
  height: 345px;
369
380
  position: absolute;
@@ -445,6 +456,8 @@
445
456
 
446
457
 
447
458
 
459
+
460
+
448
461
  /* nextep */
449
462
  .next-ep-preview{
450
463
  position: absolute;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@viewlift/player-backup",
3
- "version": "1.0.178-backup",
3
+ "version": "1.0.180-backup",
4
4
  "main": "dist/bundle.cjs.js",
5
5
  "amdName": "_playerCore",
6
6
  "dependencies": {