Client: add warning if the user want to embed a video of a non https website

diff --git a/client/src/app/videos/video-watch/video-share.component.html b/client/src/app/videos/video-watch/video-share.component.html
index 2e83e9a450987ad8dbebf170287c762de6851476..1c2fac1d7076cfbb742090ddc2cb7ee49c4133ff 100644 (file)
--- a/client/src/app/videos/video-watch/video-share.component.html
+++ b/client/src/app/videos/video-watch/video-share.component.html
@@ -19,6 +19,10 @@
           <label>Embed</label>
           <input #shareInput (click)="shareInput.select()" type="text" class="form-control input-sm readonly" readonly [value]="getVideoIframeCode()" />
         </div>
+
+        <div *ngIf="notSecure()" class="alert alert-warning">
+          The url is not secured (no HTTPS), so the embed video won't work on HTTPS websites (web browsers block non secured HTTP requests on HTTPS websites).
+        </div>
       </div>
     </div>
   </div>

diff --git a/client/src/app/videos/video-watch/video-share.component.ts b/client/src/app/videos/video-watch/video-share.component.ts
index 74b238350c55e8fdd6823eaff37d45bc8964260c..8e6de129423ef76b5f6829b55dd336e8bdc3d71f 100644 (file)
--- a/client/src/app/videos/video-watch/video-share.component.ts
+++ b/client/src/app/videos/video-watch/video-share.component.ts
@@ -35,4 +35,8 @@ export class VideoShareComponent {
   getVideoUrl() {
     return window.location.href;
   }
+
+  notSecure() {
+    return window.location.protocol === 'http:';
+  }
 }