- YoutubeEmbedIframe update

src/pages/ViewPublicationPage/questions/Page.tsx

@@ -3,6 +3,7 @@ import { Box, Typography } from "@mui/material";
 import { useQuizViewStore, updateAnswer } from "@root/quizView";
 
 import type { QuizQuestionPage } from "../../../model/questionTypes/page";
+import YoutubeEmbedIframe from "@ui_kit/StartPagePreview/YoutubeEmbedIframe";
 
 type PageProps = {
   currentQuestion: QuizQuestionPage;
@@ -42,15 +43,9 @@ export const Page = ({ currentQuestion }: PageProps) => {
             />
           </Box>
         ) : (
-          <video
-            src={currentQuestion.content.video}
-            controls
-            style={{
-              width: "100%",
-              height: "100%",
-              maxHeight: "80vh",
-              objectFit: "contain",
-            }}
+          <YoutubeEmbedIframe
+            containerSX={{ width: "100%", height: "100%", maxHeight: "80vh", objectFit: "contain" }}
+            videoUrl={currentQuestion.content.video}
           />
         )}
       </Box>