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

2 files changed, 8 insertions, 0 deletions

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 2e83e9a45..1c2fac1d7 100644
--- 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 74b238350..8e6de1294 100644
--- 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:';
+  }
 }