diff --git a/templates/components/video_player.gohtml b/templates/components/video_player.gohtml
index 95ef33e..3a5034d 100644
--- a/templates/components/video_player.gohtml
+++ b/templates/components/video_player.gohtml
@@ -11,6 +11,7 @@
   data-available-modes='{{json .WatchData.AvailableModes}}'
   data-segments='{{json .WatchData.Segments}}'
   data-is-airing="{{.WatchData.Airing}}"
+  data-playback-error="{{.Error}}"
   data-stream-url="/watch/proxy/stream"
   data-anime-title-english="{{.WatchData.Title}}"
   data-anime-image="{{.WatchData.MalID}}"
diff --git a/templates/watch.gohtml b/templates/watch.gohtml
index 454c93c..52c27a9 100644
--- a/templates/watch.gohtml
+++ b/templates/watch.gohtml
@@ -19,7 +19,7 @@
 <div id="watch-layout" class="flex h-full flex-col gap-6 overflow-y-auto lg:grid lg:grid-cols-[minmax(0,min(calc(100%_-_24rem_-_3rem),calc((100dvh-10.5rem)*16/9)))_24rem] lg:items-start lg:gap-x-12 lg:gap-y-0 lg:overflow-hidden">
   <div class="min-w-0">
     <div id="video-player-container">
-      {{template "video_player" dict "WatchData" .WatchData "TotalEpisodes" $totalEpisodes}}
+      {{template "video_player" dict "WatchData" .WatchData "TotalEpisodes" $totalEpisodes "Error" .Error}}
     </div>
 
     <div class="mt-3 flex flex-wrap items-center justify-between gap-3">