diff --git a/src/components/Player.tsx b/src/components/Player.tsx index 18c7d70f4da043d253c5d0ff44983a0549d1d80f..ce0a0ba6cc3ec9c80b39e5ee6c79e3a2feccf12a 100644 --- a/src/components/Player.tsx +++ b/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) { - pageContent = <VideoPlayer lecture={lecture} className="h-100" />; + 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> + ); } - return <>{pageContent} </>; + return <VideoPlayer lecture={lecture} className="h-100" />; } export default function Player({ playerData }: { playerData: ResourceType<PlayerData> }) {