diff options
| author |   Biswa Kalyan Bhuyan <biswa.bhuyan@vegastack.com>
| 2025-03-29 12:35:50 +0530 |
|---|---|---|
| committer | Biswa Kalyan Bhuyan <biswa.bhuyan@vegastack.com>
| 2025-03-29 12:35:50 +0530 |
| commit | 3fbaff704571293be83e2b56d36b761f42cce1ec (patch) | |
| tree | 38ff650730359360c21f296b4ad5c47f01f20c30 /youtube/static/modules/plyr | |
| parent | a4e01da27c08e43a67b2618ad1e71c1f8f86d5cd (diff) | |
| download | yt-local-3fbaff704571293be83e2b56d36b761f42cce1ec.tar.gz yt-local-3fbaff704571293be83e2b56d36b761f42cce1ec.tar.bz2 yt-local-3fbaff704571293be83e2b56d36b761f42cce1ec.zip | |
Diffstat (limited to 'youtube/static/modules/plyr')
| -rw-r--r-- | youtube/static/modules/plyr/custom_plyr.css | 38 |
1 files changed, 38 insertions, 0 deletions
diff --git a/youtube/static/modules/plyr/custom_plyr.css b/youtube/static/modules/plyr/custom_plyr.css index 0fd3c52..7a9f0f3 100644 --- a/youtube/static/modules/plyr/custom_plyr.css +++ b/youtube/static/modules/plyr/custom_plyr.css @@ -37,3 +37,41 @@ e.g. Firefox playback speed options */ max-height: 320px; overflow-y: auto; } + +/* +* Custom styles similar to youtube +*/ +.plyr__controls { + display: flex; + justify-content: center; +} + +.plyr__progress__container { + position: absolute; + bottom: 0; + width: 100%; + margin-bottom: -10px; +} + +.plyr__controls .plyr__controls__item:first-child { + margin-left: 0; + margin-right: 0; + z-index: 5; +} + +.plyr__controls .plyr__controls__item.plyr__volume { + margin-left: auto; +} + +.plyr__controls .plyr__controls__item.plyr__progress__container { + padding-left: 10px; + padding-right: 10px; +} + +.plyr__progress input[type="range"] { + margin-bottom: 50px; +} + +/* +* End custom styles +*/ |