diff --git a/apps/admin/src/pages/api/cloudflare/index.ts b/apps/admin/src/pages/api/cloudflare/index.ts
index c4fb1a0e..530ba4b1 100644
--- a/apps/admin/src/pages/api/cloudflare/index.ts
+++ b/apps/admin/src/pages/api/cloudflare/index.ts
@@ -14,7 +14,7 @@ export default async function handler(req: NextApiRequest, res: NextApiResponse)
         data: {
           result: { uploadURL },
         },
-      } = await api.post(`${process.env.CLOUDFLARE_REQ_URL}`, null, {
+      } = await api.post(`${process.env.CLOUDFLARE_REQ_IMG_URL}`, null, {
         headers: {
           ContentType: "application/json",
           Authorization: `Bearer ${process.env.CLOUDFLARE_API_KEY}`,
diff --git a/apps/client/src/components/homeWorship/create.tsx b/apps/client/src/components/homeWorship/create.tsx
index b1ebf19d..d4fb9799 100644
--- a/apps/client/src/components/homeWorship/create.tsx
+++ b/apps/client/src/components/homeWorship/create.tsx
@@ -22,9 +22,22 @@ const HomeWorshipCreate = () => {
   const onSubmit: SubmitHandler<IHomeWorshipForm> = async (data) => {
     const formData = new FormData();
 
-    if (data.image.length === 0 || !data.date || !data.title || !data.password || !data.userName || !content)
+    // FIXME: 추후 validate 및 디자인 변경해야 함
+    if (!data.date || !data.title || !data.password || !data.userName || !content) {
       return alert("모든 정보를 입력해주세요.");
-    if (data.image.length !== 1) return alert("사진은 한 장 업로드 가능합니다.");
+    }
+
+    if (data.image.length === 0 && data.video.length === 0) {
+      return alert("사진 또는 영상은 반드시 업로드해야 합니다.");
+    }
+
+    if (data.image.length > 1) {
+      return alert("사진은 1장만 가능 합니다.");
+    }
+
+    if (data.video.length > 1) {
+      return alert("영상은 1개만 가능 합니다.");
+    }
 
     formData.append("title", data.title);
     formData.append("date", data.date);
@@ -32,9 +45,15 @@ const HomeWorshipCreate = () => {
     formData.append("password", data.password);
     formData.append("userName", data.userName);
 
-    Array.from(data.image).forEach((image) => {
-      formData.append(`image-file`, image);
-      formData.append(`image-name`, image.name);
+    const imageFile = data.image || [];
+    const videoFile = data.video || [];
+
+    Array.from(imageFile).forEach((image) => {
+      formData.append("image-file", image);
+    });
+
+    Array.from(videoFile).forEach((video) => {
+      formData.append("video-file", video);
     });
 
     mutate(formData, {
@@ -70,6 +89,10 @@ const HomeWorshipCreate = () => {
             <p className="text-xl font-bold">사진 업로드</p>
             <input type="file" accept="image/*" {...register("image")} />
           </label>
+          <label className="flex flex-col gap-2 sm:flex-row sm:items-center sm:gap-5">
+            <p className="text-xl font-bold">영상 업로드</p>
+            <input type="file" accept="video/*" {...register("video")} />
+          </label>
           <div className="flex flex-col gap-2 sm:flex-row sm:items-center sm:gap-5">
             <p className="text-xl font-bold">글</p>
             <Editor setValue={setContent} />
diff --git a/apps/client/src/components/homeWorship/detail/form.tsx b/apps/client/src/components/homeWorship/detail/form.tsx
index 75bf54c6..626b0c31 100644
--- a/apps/client/src/components/homeWorship/detail/form.tsx
+++ b/apps/client/src/components/homeWorship/detail/form.tsx
@@ -37,21 +37,28 @@ const HomeWorshipDetailComment = () => {
       <div className="flex items-center justify-between">
         <div className="flex items-center gap-3">
           <label className="flex items-center gap-2">
-            <p>이름</p>
-            <input {...register("name")} className="rounded-md border border-gray-200 px-2 py-1" />
+            <p className="text-sm md:text-base">이름</p>
+            <input
+              {...register("name")}
+              className="focus:ring-main-color max-w-20 rounded-md border border-gray-600 px-2 py-1 transition duration-300 focus:outline-none focus:ring-2 focus:ring-inset md:max-w-40"
+            />
           </label>
           <div className="h-[24px] w-[1px] bg-gray-300" />
           <label className="flex items-center gap-2">
-            <p>비밀번호</p>
-            <input {...register("password")} type="password" className="rounded-md border border-gray-200 px-2 py-1" />
+            <p className="text-sm md:text-base">비밀번호</p>
+            <input
+              {...register("password")}
+              type="password"
+              className="focus:ring-main-color max-w-24 rounded-md border border-gray-600 px-2 py-1 transition duration-300 focus:outline-none focus:ring-2 focus:ring-inset md:max-w-40"
+            />
           </label>
         </div>
-        <button className="rounded-md bg-blue-500 px-2 py-1 text-white">등록</button>
+        <button className="rounded-md bg-blue-500 px-2 py-1 text-sm text-white md:text-base">등록</button>
       </div>
       <textarea
         {...register("content")}
-        placeholder="내용을 입력하세요"
-        className="min-h-[100px] w-full rounded-md border border-gray-200 px-2 py-1"
+        placeholder="내용을 입력하세요."
+        className="min-h-[100px] w-full rounded-md border border-gray-600 px-2 py-1 transition duration-300 focus:outline-none focus:ring-2 focus:ring-inset"
       />
     </form>
   );
diff --git a/apps/client/src/components/homeWorship/detail/index.tsx b/apps/client/src/components/homeWorship/detail/index.tsx
index 38a76ab3..a017c4fb 100644
--- a/apps/client/src/components/homeWorship/detail/index.tsx
+++ b/apps/client/src/components/homeWorship/detail/index.tsx
@@ -3,6 +3,7 @@ import dayjs from "dayjs";
 import { useParams, usePathname, useRouter } from "next/navigation";
 import { SafeHTML, Spinner } from "ui";
 import HomeWorshipDetailComments from "./comments";
+import HomeWorshipVideoPlayer from "./videoPlayer";
 
 const HomeWorshipDetail = () => {
   const { push } = useRouter();
@@ -10,15 +11,16 @@ const HomeWorshipDetail = () => {
   const params = useParams();
   const homeWorshipId = params?.id as string;
 
-  const { data } = useGetHomeWorship({ homeWorshipId });
+  const { data, isLoading, isError } = useGetHomeWorship({ homeWorshipId });
   const { mutate } = useDeleteHomeWorship();
 
-  if (!data)
+  if (isLoading || isError || !data || !data.homeWorship) {
     return (
       <div className="flex justify-center">
         <Spinner />
       </div>
     );
+  }
 
   const homeWorship = data.homeWorship;
 
@@ -44,7 +46,7 @@ const HomeWorshipDetail = () => {
   };
 
   return (
-    <div className="px-5 sm:px-10 md:px-20 lg:px-28 xl:px-36 2xl:mx-auto 2xl:max-w-screen-lg 2xl:px-40">
+    <div className="overflow-x-hidden px-5 sm:px-10 md:px-20 lg:px-28 xl:px-36 2xl:mx-auto 2xl:max-w-screen-lg 2xl:px-40">
       <h1 className="mb-2 font-SCoreDream text-3xl">{homeWorship.title}</h1>
       <div className="flex justify-between">
         <div className="flex gap-2">
@@ -61,11 +63,14 @@ const HomeWorshipDetail = () => {
           </button>
         </div>
       </div>
-      <div className="mb-10">
+      <div className="mb-10 flex w-full flex-col items-center justify-center gap-5">
         <SafeHTML html={homeWorship.content} />
-        <div className="relative h-full w-full">
-          <img src={`${homeWorship.image}/full`} alt="이미지" />
-        </div>
+        {homeWorship.image && (
+          <div className="relative flex h-full w-full justify-center">
+            <img src={`${homeWorship.image}/full`} alt="이미지" />
+          </div>
+        )}
+        {homeWorship.video && <HomeWorshipVideoPlayer video={homeWorship.video} />}
       </div>
       <HomeWorshipDetailComments />
     </div>
diff --git a/apps/client/src/components/homeWorship/detail/videoPlayer.tsx b/apps/client/src/components/homeWorship/detail/videoPlayer.tsx
new file mode 100644
index 00000000..824347bf
--- /dev/null
+++ b/apps/client/src/components/homeWorship/detail/videoPlayer.tsx
@@ -0,0 +1,32 @@
+import { useState } from "react";
+import { Spinner, cn } from "ui";
+
+interface IHomeWorshipVideoPlayerProps {
+  video: string;
+}
+
+const HomeWorshipVideoPlayer = ({ video }: IHomeWorshipVideoPlayerProps) => {
+  const [loading, setLoading] = useState(true);
+
+  return (
+    <div className="relative aspect-[16/9] w-full">
+      {loading && (
+        <div className="absolute inset-0 flex items-center justify-center bg-gray-100">
+          <Spinner />
+        </div>
+      )}
+      <iframe
+        className={cn(
+          "absolute top-0 h-full w-full rounded-md border-none transition-opacity duration-500",
+          loading ? "opacity-0" : "opacity-100",
+        )}
+        src={video}
+        onLoad={() => setLoading(false)}
+        allow="accelerometer; gyroscope; autoplay; encrypted-media; picture-in-picture;"
+        allowFullScreen
+      />
+    </div>
+  );
+};
+
+export default HomeWorshipVideoPlayer;
diff --git a/apps/client/src/pages/api/cloudflare/index.ts b/apps/client/src/pages/api/cloudflare/index.ts
index c4fb1a0e..c2350902 100644
--- a/apps/client/src/pages/api/cloudflare/index.ts
+++ b/apps/client/src/pages/api/cloudflare/index.ts
@@ -1,33 +1,80 @@
 import { api } from "@/api";
 import { NextApiRequest, NextApiResponse } from "next";
 
+interface IRequestOptions {
+  expiry: string;
+  maxDurationSeconds?: number;
+  requireSignedURLs?: boolean;
+  allowedOrigins?: string[];
+  creator?: string;
+}
+
 export default async function handler(req: NextApiRequest, res: NextApiResponse) {
   const {
     method,
-    body: { expireDate },
+    body: { userName, title, date, expireDate, type },
   } = req;
 
   switch (method) {
+    // Direct Creator Upload URL 가져오기
     case "POST":
-      // CloudFlare DirectCreatorUpload 3시간 유효한 uploadURL 가져오기
-      const {
-        data: {
-          result: { uploadURL },
-        },
-      } = await api.post(`${process.env.CLOUDFLARE_REQ_URL}`, null, {
-        headers: {
-          ContentType: "application/json",
-          Authorization: `Bearer ${process.env.CLOUDFLARE_API_KEY}`,
-        },
-        data: {
-          expiry: expireDate,
-        },
-      });
-
-      return res.status(200).json({
-        success: uploadURL ? true : false,
-        uploadURL,
-      });
+      const reqTypes = {
+        video: process.env.CLOUDFLARE_REQ_VIDEO_URL,
+        image: process.env.CLOUDFLARE_REQ_IMG_URL,
+      };
+
+      const fileTypes = type as keyof typeof reqTypes;
+
+      // Request 옵션 설정
+      const options: IRequestOptions = {
+        expiry: expireDate,
+      };
+      if (fileTypes === "video") {
+        options.maxDurationSeconds = 300; // 최대길이 5분(60초*5)
+        options.creator = userName;
+      }
+      // Request URL 설정
+      const reqURL = reqTypes[fileTypes];
+
+      if (reqURL) {
+        switch (fileTypes) {
+          // 1. IMG Direct Upload
+          case "image":
+            const {
+              data: {
+                result: { uploadURL: imgUploadURL },
+              },
+            } = await api.post(reqURL, null, {
+              headers: {
+                Authorization: `Bearer ${process.env.CLOUDFLARE_API_KEY}`,
+                ContentType: "application/json",
+              },
+              data: options,
+            });
+            return res.status(200).json({
+              success: imgUploadURL ? true : false,
+              uploadURL: imgUploadURL,
+            });
+
+          // 2. VIDEO Direct Upload
+          case "video":
+            const {
+              data: {
+                result: { uploadURL: videoUploadURL },
+              },
+            } = await api.post(reqURL, options, {
+              headers: {
+                Authorization: `Bearer ${process.env.CLOUDFLARE_API_KEY}`,
+                "Content-Type": "application/json",
+              },
+            });
+            return res.status(200).json({
+              success: videoUploadURL ? true : false,
+              uploadURL: videoUploadURL,
+            });
+        }
+      }
+      return res.status(405).end("Request URL이 존재하지 않습니다.");
 
     default:
       res.setHeader("Allow", ["POST"]);
diff --git a/apps/client/src/pages/api/homeWorship/index.ts b/apps/client/src/pages/api/homeWorship/index.ts
index 9f22f88b..025c5a62 100644
--- a/apps/client/src/pages/api/homeWorship/index.ts
+++ b/apps/client/src/pages/api/homeWorship/index.ts
@@ -11,6 +11,7 @@ import fs from "fs";
 import { hash } from "bcrypt";
 import multer from "multer";
 import { NextApiRequest, NextApiResponse } from "next";
+import axios from "axios";
 
 const upload = multer({
   storage: multer.diskStorage({
@@ -58,7 +59,7 @@ export default async function handler(req: NextApiRequest, res: NextApiResponse)
 
     case "POST":
       // Multer 미들웨어를 통해 파일 업로드 처리
-      upload.single("image-file")(req as any, res as any, async (err) => {
+      upload.fields([{ name: "image-file" }, { name: "video-file" }])(req as any, res as any, async (err) => {
         if (err) {
           return res.status(500).json({ result: err.message });
         }
@@ -66,63 +67,127 @@ export default async function handler(req: NextApiRequest, res: NextApiResponse)
         const expireDate = new Date();
         expireDate.setHours(expireDate.getHours() + 3);
 
-        // CloudFlare DirectCreatorUpload 유효한 uploadURL 가져오기
-        const apiResponse = await api.post<{
-          success: boolean;
-          uploadURL: string;
-        }>(`${origin}/api/cloudflare`, {
-          expireDate: expireDate.toISOString(),
-        });
-
-        const apiResponseData = apiResponse.data;
-
-        if (apiResponseData.success !== true) {
-          return res.status(500).json({ result: "Cloudflare 업로드 URL을 생성하지 못하였습니다." });
-        }
-
-        const uploadURL = apiResponseData.uploadURL;
-
-        // 파일 업로드 처리
-        const { file } = req as any;
-        const fields = req.body;
+        // 폼데이터에서 이미지,비디오 파일 추출
+        const { files, body: fields } = req as any;
+        const imageFile = files["image-file"] ? files["image-file"][0] : null;
+        const videoFile = files["video-file"] ? files["video-file"][0] : null;
 
-        if (!file) {
+        if (!imageFile && !videoFile) {
           return res.status(400).json({ result: "No file uploaded" });
         }
 
-        // 가상 폼 생성
-        const imgForm = new FormData();
-
-        // 사용자에게 받은 이미지파일을 읽어 Buffer로 변환
-        const fileData = await fs.promises.readFile(file.path);
-
-        // 가상 폼에 파일 추가
-        imgForm.append("file", fileData, {
-          filename: file.originalname,
-          contentType: file.mimetype,
-        });
-
-        // 가상파일 CloudFlare 업로드 및 결과로 이미지 경로 반환
-        const {
-          data: {
-            result: { id },
-          },
-        } = await api.post(uploadURL || "", imgForm, {
-          headers: {
-            ...imgForm.getHeaders(),
-          },
-        });
-
-        // CloudFlare CDN 이미지 경로 반환
-        const contentImage = `https://imagedelivery.net/${process.env.CLOUDFLARE_ACCOUNT_HASH}/${id}`;
+        // 1. 이미지 파일 업로드 처리
+        const contentImage = imageFile
+          ? await (async () => {
+              try {
+                // CloudFlare API 호출
+                const { data: apiResponseData } = await api.post<{
+                  success: boolean;
+                  uploadURL: string;
+                }>(`${origin}/api/cloudflare`, {
+                  expireDate: expireDate.toISOString(),
+                  type: "image",
+                });
+
+                if (!apiResponseData.success) {
+                  throw new Error("Cloudflare 업로드 URL을 생성하지 못하였습니다.");
+                }
+                // 유효한 uploadURL 가져오기
+                const uploadURL = apiResponseData.uploadURL;
+
+                // 가상 폼 생성
+                const imgForm = new FormData();
+
+                // 사용자에게 받은 이미지파일을 읽어 Buffer로 변환
+                const fileData = await fs.promises.readFile(imageFile.path);
+
+                // 가상 폼에 파일 추가
+                imgForm.append("file", fileData, {
+                  filename: imageFile.originalname,
+                  contentType: imageFile.mimetype,
+                });
+
+                // 가상파일 CloudFlare 업로드 및 결과로 이미지 경로 반환
+                const {
+                  data: {
+                    result: { id },
+                  },
+                } = await api.post(uploadURL || "", imgForm, {
+                  headers: imgForm.getHeaders(),
+                });
+
+                // CloudFlare CDN 이미지 경로 반환
+                return `https://imagedelivery.net/${process.env.CLOUDFLARE_ACCOUNT_HASH}/${id}`;
+              } catch (error) {
+                console.error(error);
+                return "";
+              }
+            })()
+          : "";
+
+        // 2. 비디오 파일 업로드 처리
+        const contentVideo = videoFile
+          ? await (async () => {
+              try {
+                // CloudFlare API 호출하여 유효한 uploadURL 가져오기
+                const {
+                  data: { success, uploadURL },
+                } = await api.post<{
+                  success: boolean;
+                  uploadURL: string;
+                }>(`${origin}/api/cloudflare`, {
+                  expireDate: expireDate.toISOString(),
+                  userName: fields.userName,
+                  title: fields.title,
+                  date: fields.date,
+                  type: "video",
+                });
+
+                if (!success) {
+                  throw new Error("Cloudflare 업로드 URL을 생성하지 못하였습니다.");
+                }
+
+                // 가상 폼 생성
+                const videoForm = new FormData();
+
+                // 사용자에게 받은 이미지파일을 읽어 Buffer로 변환
+                const fileData = await fs.promises.readFile(videoFile.path);
+
+                // 가상 폼에 파일 추가
+                videoForm.append("file", fileData, {
+                  filename: videoFile.originalname,
+                  contentType: videoFile.mimetype,
+                });
+
+                // 가상파일 CloudFlare 업로드 및 결과로 비디오ID 반환
+                const { request: { path = "" } = {} } = await api.post(uploadURL || "", videoForm, {
+                  headers: videoForm.getHeaders(),
+                });
+                const videoId = path.slice(1);
+
+                // CloudFlare CDN 이미지 경로 반환
+                return `${process.env.CLOUDFLARE_VIDEO_SUBDOMAIN}/${videoId}/iframe`;
+              } catch (error) {
+                if (axios.isAxiosError(error)) {
+                  console.error(error.message);
+                } else {
+                  console.error(error);
+                }
+                return "";
+              }
+            })()
+          : "";
 
         // 필드 검증 및 에러 처리
+        if (contentVideo === "" && contentImage === "")
+          return res.status(400).json({ result: "Cloudflare 업로드 URL을 생성하지 못하였습니다." });
         if (!fields.date) return res.status(400).json({ result: "Missing required fields" });
 
         const hashedPassword = await hashPassword(fields.password);
 
         const result = await postHomeWorship({
-          image: contentImage,
+          video: contentVideo || null,
+          image: contentImage || null,
           content: fields.content,
           date: fields.date,
           title: fields.title,
diff --git a/apps/client/src/pages/homeworship/[id]/edit.tsx b/apps/client/src/pages/homeworship/[id]/edit.tsx
index a90a5407..72097411 100644
--- a/apps/client/src/pages/homeworship/[id]/edit.tsx
+++ b/apps/client/src/pages/homeworship/[id]/edit.tsx
@@ -28,8 +28,8 @@ const HomeWorshipEditPage = ({ bannerBlurDataURL }: IHomeWorshipEditPageProps) =
   return (
     <Layout
       pageTitle="맛있는 가정예배"
-      title="맛있는 가정예배"
-      bannerImage="/images/education/banner.jpg"
+      bannerImage="/images/home/homeworship.png"
+      bannerImgClass="object-[100%_30%] brightness-75 md:object-[100%_15%] 2xl:object-[100%_25%]"
       bannerBlurDataURL={bannerBlurDataURL}
     >
       <HomeWorshipEdit />
diff --git a/apps/client/src/pages/homeworship/[id]/index.tsx b/apps/client/src/pages/homeworship/[id]/index.tsx
index 3ea9b375..676bfe48 100644
--- a/apps/client/src/pages/homeworship/[id]/index.tsx
+++ b/apps/client/src/pages/homeworship/[id]/index.tsx
@@ -29,7 +29,8 @@ const DiscipleshipMainBibleDetailPage = ({ bannerBlurDataURL }: IDiscipleshipMai
     <Layout
       pageTitle="맛있는 가정예배"
       title="맛있는 가정예배"
-      bannerImage="/images/education/banner.jpg"
+      bannerImage="/images/home/homeworship.png"
+      bannerImgClass="object-[100%_30%] brightness-75 md:object-[100%_15%] 2xl:object-[100%_25%]"
       bannerBlurDataURL={bannerBlurDataURL}
     >
       <HomeWorshipDetail />
diff --git a/apps/client/src/pages/homeworship/create.tsx b/apps/client/src/pages/homeworship/create.tsx
index a19dd6f6..49ace6d8 100644
--- a/apps/client/src/pages/homeworship/create.tsx
+++ b/apps/client/src/pages/homeworship/create.tsx
@@ -23,9 +23,10 @@ interface IHomeWorshipCreatePageProps {
 const HomeWorshipCreatePage = ({ bannerBlurDataURL }: IHomeWorshipCreatePageProps) => {
   return (
     <Layout
-      pageTitle="맛있는 가정예배"
-      title="맛있는 가정예배"
-      bannerImage="/images/education/banner.jpg"
+      pageTitle="가정예배 인증하기"
+      title="가정예배 인증하기"
+      bannerImage="/images/home/homeworship.png"
+      bannerImgClass="object-[100%_30%] brightness-75 md:object-[100%_15%] 2xl:object-[100%_25%]"
       bannerBlurDataURL={bannerBlurDataURL}
     >
       <HomeWorshipCreate />
diff --git a/packages/firebase/src/database/homeWorship.ts b/packages/firebase/src/database/homeWorship.ts
index 380e0029..397aad6c 100644
--- a/packages/firebase/src/database/homeWorship.ts
+++ b/packages/firebase/src/database/homeWorship.ts
@@ -83,7 +83,11 @@ export const getHomeWorship = async (homeWorshipId: string) => {
 };
 
 export const postHomeWorship = async (
-  homeWorship: Omit<IHomeWorshipForm, "image"> & { image: string; createdAt: number },
+  homeWorship: Omit<IHomeWorshipForm, "image" | "video"> & {
+    image: string | null;
+    createdAt: number;
+    video: string | null;
+  },
 ) => {
   const docRef = await addDoc(collection(database, collections.homeWorship), homeWorship);
   return docRef;
diff --git a/packages/type/src/homeWorship.ts b/packages/type/src/homeWorship.ts
index 1bfe3085..c801e2ee 100644
--- a/packages/type/src/homeWorship.ts
+++ b/packages/type/src/homeWorship.ts
@@ -5,11 +5,13 @@ export interface IHomeWorship extends IBoardBase {
   userId: string;
   userName: string;
   image: string;
+  video: string;
   isPinned: boolean;
   comments: IComment[];
 }
 
 export interface IHomeWorshipForm extends IBoardFormBase {
+  video: FileList;
   image: FileList;
   userName: string;
   password: string;