feat: add play with Docchula Player (#31)

Co-authored-by: Siwat T. <keen@keendev.net>

Author: ittipatken

src/app/home/course/course.page.html

@@ -28,17 +28,21 @@
                     <ion-text color="medium">
                         <p>
                             {{ currentVideo.title }} - {{ currentVideo.lecturer }}<br/>
-                            <span class="ion-hide-md-down">
-                                <strong>Hotkeys</strong>&emsp; Space: Pause, ▲/▼: Volume, ◄/►: Seek, F: Fullscreen |
-                            </span>
                             <ion-button (click)="setPlaybackSpeed()" (keyup)="setPlaybackSpeed()" fill="outline" size="small" tabindex="0" class="set-playback-speed-button">Set playback speed</ion-button>
+                            <span>
+                                | <a [href]="sanitize('//player.docchula.com/?url='+currentVideo.sourceExternal)" rel="noreferrer" target="_blank">
+                                Play with Docchula Player</a>
+                            </span>
                             <span *ngIf="isAndroid && currentVideo.sourceExternal">
                                 | <a [href]="sanitize('intent:'+currentVideo.sourceExternal+'#Intent;S.title='+encodeURIComponent(currentVideo.title)+';package=com.mxtech.videoplayer.ad;end')" rel="noreferrer">Play with MX Player</a>
                             </span>
                             <span *ngIf="(isIos || isAndroid) && currentVideo.sourceExternal">
                                 | <a [href]="sanitize('vlc://'+currentVideo.sourceExternal)" rel="noreferrer">Play with VLC</a>
                             </span>
                         </p>
+                        <p class="ion-hide-md-down small-text">
+                            <strong>Hotkeys</strong>&emsp;&ensp; Space: Pause, ▲/▼: Volume, ◄/►: Seek, F: Fullscreen
+                        </p>
                     </ion-text>
                     <ion-card *ngIf="currentVideo.sources.length === 0" color="warning">
                         <ion-card-header>