]> git.immae.eu Git - github/Chocobozzz/PeerTube.git/blobdiff - client/src/standalone/videos/embed.html
Bumped to version v5.2.1
[github/Chocobozzz/PeerTube.git] / client / src / standalone / videos / embed.html
index 3455b4aa44d2469368573ed2714a10d9535249ab..32bf5f6553a0a0ddc5761ee9a85ee1cbeb20dc08 100644 (file)
@@ -35,6 +35,7 @@
   <body id="custom-css" class="standalone-video-embed">
 
     <div id="error-block">
+      <!-- eslint-disable-next-line @angular-eslint/template/elements-content -->
       <h1 id="error-title"></h1>
 
       <div id="error-content"></div>
 
     <div id="placeholder-preview"></div>
 
+    <script type="text/javascript">
+      // Can be called in embed.ts
+      window.displayIncompatibleBrowser = function () {
+        const text = 'The player is not compatible with your web browser. Please try latest Firefox version.'
+
+        document.title = 'Sorry' + ' - ' + text
+
+        const errorBlock = document.getElementById('error-block')
+        errorBlock.style.display = 'flex'
+
+        const errorTitle = document.getElementById('error-title')
+        errorTitle.innerHTML = 'Sorry'
+
+        const errorText = document.getElementById('error-content')
+        errorText.innerHTML = text
+
+        const videoWrapper = document.getElementById('video-wrapper')
+        if (videoWrapper) videoWrapper.style.display = 'none'
+
+        const placeholderPreview = document.getElementById('placeholder-preview')
+        if (placeholderPreview) placeholderPreview.style.display = 'none'
+      }
+
+      window.onerror = function (msg) {
+        if (typeof msg === 'string' && msg.toLowerCase().includes(' ice ')) {
+          console.warn(msg)
+          return
+        }
+
+        window.displayIncompatibleBrowser()
+      }
+
+      if (/MSIE|Trident/.test(window.navigator.userAgent) ) {
+        window.displayIncompatibleBrowser()
+      }
+    </script>
+
   </body>
 </html>