(fix): full screen mode not firing with plyr

src/app/modules/media/components/video-player/player.component.html

@@ -20,6 +20,8 @@
       [plyrSources]="sources"
       [plyrOptions]="options"
       (plyrPlay)="onPlayed($event)"
+      (plyrEnterFullScreen)="fullScreenChange.next($event)"
+      (plyrExitFullScreen)="fullScreenChange.next($event)"
     >
     </plyr>
   </div>

src/app/modules/media/components/video-player/player.component.ts

@@ -27,6 +27,11 @@ export class MindsVideoPlayerComponent implements OnInit, OnDestroy {
    */
   @Output() mediaModalRequested: EventEmitter<void> = new EventEmitter();
 
+  /**
+   * Modal needs to know if we have left full screen
+   */
+  @Output() fullScreenChange: EventEmitter<Event> = new EventEmitter();
+
   /**
    * This is the video player component
    */

src/app/modules/media/modal/modal.component.html

@@ -53,6 +53,7 @@
               shouldPlayInModal="false"
               isModal="true"
               autoplay="true"
+              (fullScreenChange)="onFullscreenChange($event)"
             ></m-videoPlayer>
           </div>