handle errors in player

1 files changed, 10 insertions, 0 deletions

diff --git a/apps/Player/components/Video.js b/apps/Player/components/Video.js
index 2167ee0..161191a 100644
--- a/apps/Player/components/Video.js
+++ b/apps/Player/components/Video.js
@@ -16,6 +16,15 @@ const Video = ({ playlist, current, setCurrent, audioOnly = false, setDetails })
     setCurrent(current === playlist.length - 1 ? null : current + 1)
   }
 
+  const handleError = () => {
+    setPopup({
+      content: t('player_youtube_no_stream_error') + playlist[current].title,
+      time: 2000,
+      error: true
+    })
+    handleEnd()
+  }
+
   useEffect(() => {
     setLoading(true)
     if (current === null) {
@@ -85,6 +94,7 @@ const Video = ({ playlist, current, setCurrent, audioOnly = false, setDetails })
         <>
           <video
             onEnded={handleEnd}
+            onError={handleError}
             ref={videoEl}
             key={data.id}
             controls