Revisión Diciembre: botón reame and other fixes

src/app/player.service.ts

@@ -153,6 +153,10 @@ export class PlayerService {
     if (this.audio.muted) { this.audio.muted=false } else { this.audio.muted=true}
   }
 
+  unmute() {
+    this.audio.muted=false;
+  }
+
   onProgress() {
       var duration = this.audio.duration;
       if (duration > 0) {

src/app/slide/slide.component.html

@@ -53,7 +53,7 @@
   <div class="element">
     <!-- <h1 routerLink="home" style="cursor:pointer">Beire</h1> -->
     <!-- <h2>Un propuesta de Maite Redondo y Luca Rullo</h2> -->
-    <!-- <div class="round-button" title="Pulsa para iniciar" routerLink="home" (click)="play()"></div> -->
+    <div class="round-button init-title" title="Pulsa para iniciar" (click)="forcePlay()" style="">ENTRAR</div>
     <!-- <h3>Con la ayuda de Pedro, María, Luis, Nombre, Nombre, Nombre, Nombre, Nombre, Nombre, Nombre, Nombre, Nombre, Nombre, Nombre, Nombre, Nombre, Nombre, Nombre, Nombre, Nombre, Nombre, Nombre, Nombre, Nombre,Nombre, Nombre, Nombre, Nombre, Nombre, Nombre, Nombre, Nombre, Nombre, Nombre, Nombre, Nombre, Nombre, Nombre, Nombre, Nombre, Nombre, Nombre </h3> -->
   </div>
 </div>

src/app/slide/slide.component.scss

@@ -33,6 +33,10 @@ div.element {
   text-align:justify;
 }
 
+div.init-title {
+  text-align:center;font-size:8vw;font-size:calc(12px + 2vw);cursor:pointer;background:#fff;color:#000;padding-top:5px;font-family:'Frutiger';
+}
+
 div.big-title {
   font-weight: bold;
   font-family:"Helvetica Bold",sans-serif;
@@ -113,6 +117,8 @@ div.footer {
 div.footer.right {
   left:auto;
   right:0;
+  margin-left:0;
+  margin-right:5vw;
 }
 div.menu {
   z-index:200;cursor:pointer;left:auto;

src/app/slide/slide.component.ts

@@ -95,14 +95,14 @@ export class SlideComponent implements OnInit {
       }
     );
     this.videoPlayer.on('ended', () => { this.stopVideo(); });
-    this.videoPlayer.on('fullscreenchange', (data) => { if (!data.fullscreen) { this.stopVideo(); } })
+    this.videoPlayer.on('fullscreenchange', (data) => { console.log(data.fullscreen); if (!data.fullscreen) { this.stopVideo(); this.forceUnmute(); } })
   }
 
   stopVideo() {
-      this.videoPlayer.pause().then( () => {
+    this.showVideo = "none";
-        this.mute(); //unmute
+    this.mute(); //unmute
-        this.showVideo = "none";
+    this.videoPlayer.pause();
-      });
+    //.then( () => {});
   }
 
   getFeaturedImage(): string {
@@ -136,6 +136,11 @@ export class SlideComponent implements OnInit {
   up(e) { if (this.slide.n) this.router.navigate(['/', this.slide.n]); }
   down(e) { if (this.slide.s) this.router.navigate(['/', this.slide.s]); }
 
+  forceUnmute() {
+    this.muted = false;
+    this.playerService.unmute();
+  }
+
   mute() {
     this.playerService.mute();
     this.muted = !this.muted;