TheLanc3/YoutubeDL-Material
1
0
Fork 0
mirror of https://github.com/Tzahi12345/YoutubeDL-Material.git synced 2026-04-17 09:11:29 +03:00
Code Issues Packages Projects Releases Wiki Activity

Fixes issue in some browsers where the audio player disappears

Browse Source
This commit is contained in:
Isaac Abadi
2021-07-18 18:10:33 -06:00
parent 3b74a2b5da
commit 0a2529330d
3 changed files with 3 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
src/app/player/player.component.css
View File

@@ -9,7 +9,6 @@
.audio-styles { .audio-styles {
height: 50px; height: 50px;
background-color: transparent;
width: 100%; width: 100%;
} }

2
src/app/player/player.component.html
View File

@@ -3,7 +3,7 @@
<div style="max-width: 100%; margin-left: 0px; height: 100%"> <div style="max-width: 100%; margin-left: 0px; height: 100%">
<mat-drawer-container style="height: 100%" class="example-container" autosize> <mat-drawer-container style="height: 100%" class="example-container" autosize>
<div style="height: fit-content" [ngClass]="(currentItem.type === 'audio/mp3') ? 'audio-col' : 'video-col'"> <div style="height: fit-content" [ngClass]="(currentItem.type === 'audio/mp3') ? 'audio-col' : 'video-col'">
<vg-player style="height: fit-content; max-height: 75vh" (onPlayerReady)="onPlayerReady($event)" [style.background-color]="(currentItem.type === 'audio/mp3') ? 'transparent' : 'black'"> <vg-player style="height: fit-content; max-height: 75vh" (onPlayerReady)="onPlayerReady($event)" [style.background-color]="(currentItem.type === 'audio/mp3') ? postsService.theme.drawer_color : 'black'">
<video [ngClass]="(currentItem.type === 'audio/mp3') ? 'audio-styles' : 'video-styles'" #media class="video-player" [vgMedia]="media" [src]="currentItem.src" id="singleVideo" preload="auto" controls> <video [ngClass]="(currentItem.type === 'audio/mp3') ? 'audio-styles' : 'video-styles'" #media class="video-player" [vgMedia]="media" [src]="currentItem.src" id="singleVideo" preload="auto" controls>
</video> </video>
</vg-player> </vg-player>

2
src/themes.ts
View File

@@ -5,6 +5,7 @@ const THEMES_CONFIG = {
'alternate_color': 'gray', 'alternate_color': 'gray',
'ghost_primary': '#f9f9f9', 'ghost_primary': '#f9f9f9',
'ghost_secondary': '#ecebeb', 'ghost_secondary': '#ecebeb',
'drawer_color': '#fafafa',
'css_label': 'default-theme', 'css_label': 'default-theme',
'social_theme': 'material-light' 'social_theme': 'material-light'
}, },
@@ -14,6 +15,7 @@ const THEMES_CONFIG = {
'alternate_color': '#695959', 'alternate_color': '#695959',
'ghost_primary': '#444444', 'ghost_primary': '#444444',
'ghost_secondary': '#141414', 'ghost_secondary': '#141414',
'drawer_color': '#303030',
'css_label': 'dark-theme', 'css_label': 'dark-theme',
'social_theme': 'material-dark' 'social_theme': 'material-dark'
}, },