2 files changed, 19 insertions, 13 deletions
diff --git a/client/src/standalone/videos/embed.html b/client/src/standalone/videos/embed.html
index b7cf13ec2..f79cf68df 100644
--- a/client/src/standalone/videos/embed.html
+++ b/client/src/standalone/videos/embed.html
@@ -13,7 +13,7 @@
  <body>
    <div id="error-block">
-      <h1 id="error-title">Sorry</h1>
+      <h1 id="error-title"></h1>
      <div id="error-content"></div>
    </div>
diff --git a/client/src/standalone/videos/embed.ts b/client/src/standalone/videos/embed.ts
index 3a09f285e..54b8fb543 100644
--- a/client/src/standalone/videos/embed.ts
+++ b/client/src/standalone/videos/embed.ts
@@ -192,27 +192,33 @@ class PeerTubeEmbed {
    element.parentElement.removeChild(element)
  }
-  displayError (text: string) {
+  displayError (text: string, translations?: { [ id: string ]: string }) {
    // Remove video element
    if (this.videoElement) this.removeElement(this.videoElement)
-    document.title = 'Sorry - ' + text
+    const translatedText = peertubeTranslate(text, translations)
+    const translatedSorry = peertubeTranslate('Sorry', translations)
+    document.title = translatedSorry + ' - ' + translatedText
    const errorBlock = document.getElementById('error-block')
    errorBlock.style.display = 'flex'
+    const errorTitle = document.getElementById('error-title')
+    errorTitle.innerHTML = peertubeTranslate('Sorry', translations)
    const errorText = document.getElementById('error-content')
-    errorText.innerHTML = text
+    errorText.innerHTML = translatedText
  }
-  videoNotFound () {
+  videoNotFound (translations?: { [ id: string ]: string }) {
    const text = 'This video does not exist.'
-    this.displayError(text)
+    this.displayError(text, translations)
  }
-  videoFetchError () {
+  videoFetchError (translations?: { [ id: string ]: string }) {
    const text = 'We cannot fetch the video. Please try again later.'
-    this.displayError(text)
+    this.displayError(text, translations)
  }
  getParamToggle (params: URLSearchParams, name: string, defaultValue?: boolean) {
@@ -268,9 +274,9 @@ class PeerTubeEmbed {
    ])
    if (!videoResponse.ok) {
-      if (videoResponse.status === 404) return this.videoNotFound()
+      if (videoResponse.status === 404) return this.videoNotFound(serverTranslations)
-      return this.videoFetchError()
+      return this.videoFetchError(serverTranslations)
    }
    const videoInfo: VideoDetails = await videoResponse.json()
@@ -308,7 +314,7 @@ class PeerTubeEmbed {
    this.playerOptions = videojsOptions
    this.player = vjs(this.videoContainerId, videojsOptions, () => {
-      this.player.on('customError', (event: any, data: any) => this.handleError(data.err))
+      this.player.on('customError', (event: any, data: any) => this.handleError(data.err, serverTranslations))
      window[ 'videojsPlayer' ] = this.player
@@ -325,11 +331,11 @@ class PeerTubeEmbed {
    })
  }
-  private handleError (err: Error) {
+  private handleError (err: Error, translations?: { [ id: string ]: string }) {
    if (err.message.indexOf('from xs param') !== -1) {
      this.player.dispose()
      this.videoElement = null
-      this.displayError('This video is not available because the remote instance is not responding.')
+      this.displayError('This video is not available because the remote instance is not responding.', translations)
      return
    }
  }