Work around third-party cookie restrictions, closes #41

src/components/Player.tsx

@@ -749,18 +749,28 @@ export function EmbeddedPlayer({ playerData }: { playerData: ResourceType<Player
         );
     }
 
-    let pageContent = (
-        <AuthorizeHelper
-            lecture={lecture}
-            course={course}
-            authed_methods={perms.authenticated_methods}
-        />
+    if (!perms.is_lecture_authenticated) {
+        // Show link to page
+        return (
+            <div className="h-100 w-100 d-flex flex-column justify-content-center">
+                <div className="text-center">
+                    <img alt="VideoAG" src={`${basePath}/static/logo.png`} width={44} height={44} />
+                </div>
+
+                <div className="alert alert-warning m-2" role="alert">
+                    Dieses Video ist nicht öffentlich verfügbar. Bitte{" "}
+                    <a
+                        href={`https://video.fsmpi.rwth-aachen.de/${course.id_string}/${lecture.id}`}
+                    >
+                        öffnen Sie die Seite
+                    </a>{" "}
+                    um das Video zu sehen.
+                </div>
+            </div>
         );
-    if (perms.is_lecture_authenticated) {
-        pageContent = <VideoPlayer lecture={lecture} className="h-100" />;
     }
 
-    return <>{pageContent} </>;
+    return <VideoPlayer lecture={lecture} className="h-100" />;
 }
 
 export default function Player({ playerData }: { playerData: ResourceType<PlayerData> }) {