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

Updated player view to prevent video from being too large

Browse Source
This commit is contained in:
Isaac Grynsztein
2020-04-15 02:02:03 -04:00
parent a8d6298cfd
commit 0d54cb9872
2 changed files with 3 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -14,7 +14,7 @@
} }
.video-styles { .video-styles {
width: 80%; width: 100%;
} }
::ng-deep .mat-button-toggle-label-content { ::ng-deep .mat-button-toggle-label-content {
@@ -64,6 +64,7 @@
.video-col { .video-col {
padding-right: 0px; padding-right: 0px;
padding-left: 0.01px; padding-left: 0.01px;
height: 100%;
} }
.save-icon { .save-icon {

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

@@ -1,6 +1,6 @@
<div *ngIf="playlist.length > 0 && show_player"> <div *ngIf="playlist.length > 0 && show_player">
<div [ngClass]="(type === 'audio') ? null : 'container-video'" class="container"> <div [ngClass]="(type === 'audio') ? null : 'container-video'" class="container">
<div style="max-width: 100%; margin-left: 0px;" class="row"> <div style="max-width: 100%; margin-left: 0px; height: 70vh" class="row">
<div [ngClass]="(type === 'audio') ? 'my-2 px-1' : 'video-col'" class="col"> <div [ngClass]="(type === 'audio') ? 'my-2 px-1' : 'video-col'" class="col">
<vg-player (onPlayerReady)="onPlayerReady($event)" [style.background-color]="(type === 'audio') ? 'transparent' : 'black'"> <vg-player (onPlayerReady)="onPlayerReady($event)" [style.background-color]="(type === 'audio') ? 'transparent' : 'black'">
<video [ngClass]="(type === 'audio') ? 'audio-styles' : 'video-styles'" #media class="video-player" [vgMedia]="media" [src]="currentItem.src" id="singleVideo" preload="auto" controls> <video [ngClass]="(type === 'audio') ? 'audio-styles' : 'video-styles'" #media class="video-player" [vgMedia]="media" [src]="currentItem.src" id="singleVideo" preload="auto" controls>