How to adjustments

open-tutorials · Mar 17, 2023 · fcf622e · fcf622e
1 parent c5d05d3
commit fcf622e
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 12 deletions.
diff --git a/src/app/how-to/how-to.component.html b/src/app/how-to/how-to.component.html
@@ -6,7 +6,6 @@
 <video *ngIf="!!howTo" #videoRef autoplay muted loop
        [width]="howTo.width"
        [height]="howTo.height"
-       [class.opened]="opened"
-       (canplay)="loaded()">
+       [class.opened]="opened">
   <source src="{{assetsUrl}}/{{howTo.video}}" type="video/webm">
 </video>
diff --git a/src/app/how-to/how-to.component.scss b/src/app/how-to/how-to.component.scss
@@ -112,14 +112,10 @@ $grain-color: #4A4A4A;
 
 video {
   display: block;
-  opacity: 1;
-
-  &:not(.opened):not(:hover) {
-
-  }
 
   &:not(.opened) {
-    width: 400px;
+    cursor: pointer;
+    width: 600px;
     height: auto;
   }
 }
diff --git a/src/app/how-to/how-to.component.ts b/src/app/how-to/how-to.component.ts
@@ -52,10 +52,6 @@ export class HowToComponent {
   constructor(private hostRef: ElementRef) {
   }
 
-  loaded() {
-    console.log(this.videoRef.nativeElement.duration);
-  }
-
   @HostListener('click')
   open() {
     this.opened = !this.opened;