From 44c4d152b7583bf552000e09a465bd3ea292e05c Mon Sep 17 00:00:00 2001
From: ditiqi <ditiqi@163.com>
Date: Mon, 24 Feb 2025 09:41:48 +0800
Subject: [PATCH] add

---
 .../course/detail/CourseDetailDisplayArea.tsx | 31 ++++++++++---------
 1 file changed, 17 insertions(+), 14 deletions(-)

diff --git a/apps/web/src/components/models/course/detail/CourseDetailDisplayArea.tsx b/apps/web/src/components/models/course/detail/CourseDetailDisplayArea.tsx
index 1a6a7b8..b5aed44 100755
--- a/apps/web/src/components/models/course/detail/CourseDetailDisplayArea.tsx
+++ b/apps/web/src/components/models/course/detail/CourseDetailDisplayArea.tsx
@@ -27,7 +27,7 @@ export const CourseDetailDisplayArea: React.FC = () => {
 			{lectureIsLoading && (
 				<Skeleton active paragraph={{ rows: 4 }} title={false} />
 			)}
-			{!selectedLectureId && (
+			{!selectedLectureId && !lectureIsLoading && (
 				<>
 					<div className="flex justify-center flex-col items-center gap-2 w-full my-2 px-4">
 						<div className="w-full  bg-white shadow-md rounded-lg  border border-gray-200  p-6  ">
@@ -36,20 +36,23 @@ export const CourseDetailDisplayArea: React.FC = () => {
 					</div>
 				</>
 			)}
-			{!lectureIsLoading && lecture?.meta?.type === LectureType.VIDEO && (
-				<div className="flex justify-center flex-col items-center gap-2 w-full mt-2 px-4">
-					<motion.div
-						style={{
-							opacity: videoOpacity,
-						}}
-						className="w-full bg-black rounded-lg  ">
-						<div className=" w-full  ">
-							<VideoPlayer src={lecture?.meta?.videoUrl} />
-						</div>
-					</motion.div>
-				</div>
-			)}
+			{selectedLectureId &&
+				!lectureIsLoading &&
+				lecture?.meta?.type === LectureType.VIDEO && (
+					<div className="flex justify-center flex-col items-center gap-2 w-full mt-2 px-4">
+						<motion.div
+							style={{
+								opacity: videoOpacity,
+							}}
+							className="w-full bg-black rounded-lg  ">
+							<div className=" w-full  ">
+								<VideoPlayer src={lecture?.meta?.videoUrl} />
+							</div>
+						</motion.div>
+					</div>
+				)}
 			{!lectureIsLoading &&
+				selectedLectureId &&
 				lecture?.meta?.type === LectureType.ARTICLE && (
 					<div className="flex justify-center flex-col items-center gap-2 w-full my-2 px-4">
 						<div className="w-full  bg-white shadow-md rounded-lg  border border-gray-200  p-6  ">