vidply 1.0.25 → 1.0.27

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 (46) hide show
  1. package/README.md +5 -0
  2. package/dist/dev/{vidply.HLSRenderer-PNP5OPES.js → vidply.HLSRenderer-ENLZE4QS.js} +19 -8
  3. package/dist/dev/vidply.HLSRenderer-ENLZE4QS.js.map +7 -0
  4. package/dist/dev/{vidply.HTML5Renderer-LXQ3I45Q.js → vidply.HTML5Renderer-6SBDI6S2.js} +2 -2
  5. package/dist/dev/vidply.SoundCloudRenderer-CD7VJKNS.js +280 -0
  6. package/dist/dev/vidply.SoundCloudRenderer-CD7VJKNS.js.map +7 -0
  7. package/dist/dev/{vidply.VimeoRenderer-DCETT5IZ.js → vidply.VimeoRenderer-VPH4RNES.js} +17 -4
  8. package/dist/dev/vidply.VimeoRenderer-VPH4RNES.js.map +7 -0
  9. package/dist/dev/{vidply.YouTubeRenderer-QLMMD757.js → vidply.YouTubeRenderer-6MGKEFTZ.js} +14 -6
  10. package/dist/dev/vidply.YouTubeRenderer-6MGKEFTZ.js.map +7 -0
  11. package/dist/dev/{vidply.chunk-UEIJOJH6.js → vidply.chunk-BCOFCT6U.js} +4 -1
  12. package/dist/dev/vidply.chunk-BCOFCT6U.js.map +7 -0
  13. package/dist/dev/vidply.esm.js +292 -13
  14. package/dist/dev/vidply.esm.js.map +2 -2
  15. package/dist/legacy/vidply.js +619 -24
  16. package/dist/legacy/vidply.js.map +3 -3
  17. package/dist/legacy/vidply.min.js +1 -1
  18. package/dist/legacy/vidply.min.meta.json +26 -13
  19. package/dist/prod/vidply.HLSRenderer-CBXZ4RF2.min.js +6 -0
  20. package/dist/prod/{vidply.HTML5Renderer-XJCSUETP.min.js → vidply.HTML5Renderer-MY7XDV7R.min.js} +1 -1
  21. package/dist/prod/vidply.SoundCloudRenderer-MOR2CUFH.min.js +6 -0
  22. package/dist/prod/vidply.VimeoRenderer-3HBMM2WR.min.js +6 -0
  23. package/dist/prod/vidply.YouTubeRenderer-MFC2GMAC.min.js +6 -0
  24. package/dist/prod/vidply.chunk-OXXPY2XB.min.js +6 -0
  25. package/dist/prod/vidply.esm.min.js +6 -6
  26. package/dist/vidply.css +52 -1
  27. package/dist/vidply.esm.min.meta.json +56 -28
  28. package/dist/vidply.min.css +2 -2
  29. package/package.json +1 -1
  30. package/src/core/Player.js +124 -10
  31. package/src/features/PlaylistManager.js +312 -4
  32. package/src/renderers/HLSRenderer.js +17 -9
  33. package/src/renderers/HTML5Renderer.js +5 -0
  34. package/src/renderers/SoundCloudRenderer.js +355 -0
  35. package/src/renderers/VimeoRenderer.js +20 -4
  36. package/src/renderers/YouTubeRenderer.js +12 -6
  37. package/src/styles/vidply.css +51 -0
  38. package/dist/dev/vidply.HLSRenderer-PNP5OPES.js.map +0 -7
  39. package/dist/dev/vidply.VimeoRenderer-DCETT5IZ.js.map +0 -7
  40. package/dist/dev/vidply.YouTubeRenderer-QLMMD757.js.map +0 -7
  41. package/dist/dev/vidply.chunk-UEIJOJH6.js.map +0 -7
  42. package/dist/prod/vidply.HLSRenderer-4PW35TCX.min.js +0 -6
  43. package/dist/prod/vidply.VimeoRenderer-P3PU27S7.min.js +0 -6
  44. package/dist/prod/vidply.YouTubeRenderer-DGKKWB5M.min.js +0 -6
  45. package/dist/prod/vidply.chunk-BQBGEJF7.min.js +0 -6
  46. /package/dist/dev/{vidply.HTML5Renderer-LXQ3I45Q.js.map → vidply.HTML5Renderer-6SBDI6S2.js.map} +0 -0
package/dist/vidply.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * VidPly v1.0.0 - Styles
2
+ * VidPly - Styles
3
3
  * (c) 2025 Matthias Peltzer
4
4
  * Released under GPL-2.0-or-later License
5
5
  */
@@ -519,6 +519,57 @@
519
519
  opacity: 0;
520
520
  }
521
521
 
522
+ /* Audio content in video player - uses 16:3 aspect ratio for a banner-like appearance */
523
+ /* When audio files are played in a video element, we use CSS poster overlay for better control */
524
+ .vidply-player.vidply-video.vidply-audio-content .vidply-video-wrapper {
525
+ aspect-ratio: 16 / 3 !important;
526
+ height: auto !important;
527
+ min-height: 0 !important;
528
+ overflow: hidden;
529
+ }
530
+
531
+ .vidply-player.vidply-video.vidply-audio-content .vidply-video-wrapper.vidply-forced-poster {
532
+ background-size: cover;
533
+ background-position: center;
534
+ }
535
+
536
+ /* Hide the video element completely when playing audio - let the wrapper show the poster */
537
+ .vidply-player.vidply-video.vidply-audio-content video {
538
+ display: none !important;
539
+ }
540
+
541
+ /* YouTube and Vimeo iframe containers - ensure 16:9 aspect ratio */
542
+ .vidply-video-wrapper > div[id^="youtube-player-"],
543
+ .vidply-video-wrapper > div[id^="vimeo-player-"] {
544
+ width: 100% !important;
545
+ aspect-ratio: 16 / 9;
546
+ max-height: 100%;
547
+ }
548
+
549
+ .vidply-video-wrapper > div[id^="youtube-player-"] iframe,
550
+ .vidply-video-wrapper > div[id^="vimeo-player-"] iframe {
551
+ width: 100% !important;
552
+ height: 100% !important;
553
+ }
554
+
555
+ /* SoundCloud iframe - uses 16:3 aspect ratio for single track audio banner appearance */
556
+ .vidply-video-wrapper > iframe.vidply-soundcloud-iframe {
557
+ width: 100% !important;
558
+ aspect-ratio: 16 / 3;
559
+ max-height: 100%;
560
+ }
561
+
562
+ /* SoundCloud playlist - uses 16:9 aspect ratio to show track list */
563
+ .vidply-video-wrapper > iframe.vidply-soundcloud-iframe.vidply-soundcloud-playlist {
564
+ aspect-ratio: 16 / 9;
565
+ }
566
+
567
+ /* Hide VidPly controls when external renderer (YouTube, Vimeo, SoundCloud) is active */
568
+ /* These services have their own native controls */
569
+ .vidply-player.vidply-external-controls .vidply-controls {
570
+ display: none !important;
571
+ }
572
+
522
573
  /* Mobile: Simplify video wrapper but keep captions contained */
523
574
  @media (width < 48rem) {
524
575
  .vidply-video-wrapper {
@@ -171,7 +171,7 @@
171
171
  "format": "esm"
172
172
  },
173
173
  "src/renderers/HTML5Renderer.js": {
174
- "bytes": 9169,
174
+ "bytes": 9364,
175
175
  "imports": [],
176
176
  "format": "esm"
177
177
  },
@@ -274,17 +274,17 @@
274
274
  "format": "esm"
275
275
  },
276
276
  "src/renderers/YouTubeRenderer.js": {
277
- "bytes": 7465,
277
+ "bytes": 7895,
278
278
  "imports": [],
279
279
  "format": "esm"
280
280
  },
281
281
  "src/renderers/VimeoRenderer.js": {
282
- "bytes": 6978,
282
+ "bytes": 7665,
283
283
  "imports": [],
284
284
  "format": "esm"
285
285
  },
286
286
  "src/renderers/HLSRenderer.js": {
287
- "bytes": 9492,
287
+ "bytes": 9900,
288
288
  "imports": [
289
289
  {
290
290
  "path": "src/renderers/HTML5Renderer.js",
@@ -294,8 +294,13 @@
294
294
  ],
295
295
  "format": "esm"
296
296
  },
297
+ "src/renderers/SoundCloudRenderer.js": {
298
+ "bytes": 10665,
299
+ "imports": [],
300
+ "format": "esm"
301
+ },
297
302
  "src/core/Player.js": {
298
- "bytes": 208328,
303
+ "bytes": 214111,
299
304
  "imports": [
300
305
  {
301
306
  "path": "src/utils/EventEmitter.js",
@@ -381,12 +386,17 @@
381
386
  "path": "src/renderers/HLSRenderer.js",
382
387
  "kind": "dynamic-import",
383
388
  "original": "../renderers/HLSRenderer.js"
389
+ },
390
+ {
391
+ "path": "src/renderers/SoundCloudRenderer.js",
392
+ "kind": "dynamic-import",
393
+ "original": "../renderers/SoundCloudRenderer.js"
384
394
  }
385
395
  ],
386
396
  "format": "esm"
387
397
  },
388
398
  "src/features/PlaylistManager.js": {
389
- "bytes": 37547,
399
+ "bytes": 48513,
390
400
  "imports": [
391
401
  {
392
402
  "path": "src/utils/DOMUtils.js",
@@ -429,7 +439,7 @@
429
439
  }
430
440
  },
431
441
  "outputs": {
432
- "dist/prod/vidply.VimeoRenderer-P3PU27S7.min.js": {
442
+ "dist/prod/vidply.VimeoRenderer-3HBMM2WR.min.js": {
433
443
  "imports": [],
434
444
  "exports": [
435
445
  "VimeoRenderer"
@@ -437,15 +447,15 @@
437
447
  "entryPoint": "src/renderers/VimeoRenderer.js",
438
448
  "inputs": {
439
449
  "src/renderers/VimeoRenderer.js": {
440
- "bytesInOutput": 4267
450
+ "bytesInOutput": 4584
441
451
  }
442
452
  },
443
- "bytes": 4413
453
+ "bytes": 4730
444
454
  },
445
- "dist/prod/vidply.HLSRenderer-4PW35TCX.min.js": {
455
+ "dist/prod/vidply.HLSRenderer-CBXZ4RF2.min.js": {
446
456
  "imports": [
447
457
  {
448
- "path": "dist/prod/vidply.HTML5Renderer-XJCSUETP.min.js",
458
+ "path": "dist/prod/vidply.HTML5Renderer-MY7XDV7R.min.js",
449
459
  "kind": "dynamic-import"
450
460
  }
451
461
  ],
@@ -455,15 +465,29 @@
455
465
  "entryPoint": "src/renderers/HLSRenderer.js",
456
466
  "inputs": {
457
467
  "src/renderers/HLSRenderer.js": {
458
- "bytesInOutput": 5593
468
+ "bytesInOutput": 5781
459
469
  }
460
470
  },
461
- "bytes": 5737
471
+ "bytes": 5925
472
+ },
473
+ "dist/prod/vidply.SoundCloudRenderer-MOR2CUFH.min.js": {
474
+ "imports": [],
475
+ "exports": [
476
+ "SoundCloudRenderer",
477
+ "default"
478
+ ],
479
+ "entryPoint": "src/renderers/SoundCloudRenderer.js",
480
+ "inputs": {
481
+ "src/renderers/SoundCloudRenderer.js": {
482
+ "bytesInOutput": 5466
483
+ }
484
+ },
485
+ "bytes": 5630
462
486
  },
463
487
  "dist/prod/vidply.esm.min.js": {
464
488
  "imports": [
465
489
  {
466
- "path": "dist/prod/vidply.chunk-BQBGEJF7.min.js",
490
+ "path": "dist/prod/vidply.chunk-OXXPY2XB.min.js",
467
491
  "kind": "import-statement"
468
492
  },
469
493
  {
@@ -475,15 +499,19 @@
475
499
  "kind": "dynamic-import"
476
500
  },
477
501
  {
478
- "path": "dist/prod/vidply.YouTubeRenderer-DGKKWB5M.min.js",
502
+ "path": "dist/prod/vidply.YouTubeRenderer-MFC2GMAC.min.js",
503
+ "kind": "dynamic-import"
504
+ },
505
+ {
506
+ "path": "dist/prod/vidply.VimeoRenderer-3HBMM2WR.min.js",
479
507
  "kind": "dynamic-import"
480
508
  },
481
509
  {
482
- "path": "dist/prod/vidply.VimeoRenderer-P3PU27S7.min.js",
510
+ "path": "dist/prod/vidply.HLSRenderer-CBXZ4RF2.min.js",
483
511
  "kind": "dynamic-import"
484
512
  },
485
513
  {
486
- "path": "dist/prod/vidply.HLSRenderer-4PW35TCX.min.js",
514
+ "path": "dist/prod/vidply.SoundCloudRenderer-MOR2CUFH.min.js",
487
515
  "kind": "dynamic-import"
488
516
  }
489
517
  ],
@@ -510,16 +538,16 @@
510
538
  "bytesInOutput": 3991
511
539
  },
512
540
  "src/core/Player.js": {
513
- "bytesInOutput": 76642
541
+ "bytesInOutput": 78433
514
542
  },
515
543
  "src/features/PlaylistManager.js": {
516
- "bytesInOutput": 16824
544
+ "bytesInOutput": 21453
517
545
  },
518
546
  "src/index.js": {
519
547
  "bytesInOutput": 1869
520
548
  }
521
549
  },
522
- "bytes": 164498
550
+ "bytes": 170918
523
551
  },
524
552
  "dist/prod/vidply.de-SWFW4HYT.min.js": {
525
553
  "imports": [],
@@ -573,10 +601,10 @@
573
601
  },
574
602
  "bytes": 7381
575
603
  },
576
- "dist/prod/vidply.HTML5Renderer-XJCSUETP.min.js": {
604
+ "dist/prod/vidply.HTML5Renderer-MY7XDV7R.min.js": {
577
605
  "imports": [
578
606
  {
579
- "path": "dist/prod/vidply.chunk-BQBGEJF7.min.js",
607
+ "path": "dist/prod/vidply.chunk-OXXPY2XB.min.js",
580
608
  "kind": "import-statement"
581
609
  }
582
610
  ],
@@ -587,17 +615,17 @@
587
615
  "inputs": {},
588
616
  "bytes": 192
589
617
  },
590
- "dist/prod/vidply.chunk-BQBGEJF7.min.js": {
618
+ "dist/prod/vidply.chunk-OXXPY2XB.min.js": {
591
619
  "imports": [],
592
620
  "exports": [
593
621
  "a"
594
622
  ],
595
623
  "inputs": {
596
624
  "src/renderers/HTML5Renderer.js": {
597
- "bytesInOutput": 4749
625
+ "bytesInOutput": 4839
598
626
  }
599
627
  },
600
- "bytes": 4883
628
+ "bytes": 4973
601
629
  },
602
630
  "dist/prod/vidply.TranscriptManager-UZ6DUFB6.min.js": {
603
631
  "imports": [
@@ -689,7 +717,7 @@
689
717
  },
690
718
  "bytes": 39549
691
719
  },
692
- "dist/prod/vidply.YouTubeRenderer-DGKKWB5M.min.js": {
720
+ "dist/prod/vidply.YouTubeRenderer-MFC2GMAC.min.js": {
693
721
  "imports": [],
694
722
  "exports": [
695
723
  "YouTubeRenderer"
@@ -697,10 +725,10 @@
697
725
  "entryPoint": "src/renderers/YouTubeRenderer.js",
698
726
  "inputs": {
699
727
  "src/renderers/YouTubeRenderer.js": {
700
- "bytesInOutput": 4203
728
+ "bytesInOutput": 4367
701
729
  }
702
730
  },
703
- "bytes": 4351
731
+ "bytes": 4515
704
732
  }
705
733
  }
706
734
  }