diff --git a/.erb/configs/webpack.config.renderer.dev.ts b/.erb/configs/webpack.config.renderer.dev.ts
index 195c5a5f..442d37c4 100644
--- a/.erb/configs/webpack.config.renderer.dev.ts
+++ b/.erb/configs/webpack.config.renderer.dev.ts
@@ -91,7 +91,7 @@ const configuration: webpack.Configuration = {
         test: /\.s?css$/,
         use: [
           'style-loader',
-          'css-loader', 
+          'css-loader',
           'sass-loader',
           {
             loader: 'postcss-loader',
@@ -111,7 +111,7 @@ const configuration: webpack.Configuration = {
       },
       // Images
       {
-        test: /\.(png|svg|jpg|jpeg|gif)$/i,
+        test: /\.(png|svg|jpg|jpeg|gif|mp4)$/i,
         type: 'asset/resource',
       },
     ],
diff --git a/.erb/configs/webpack.config.renderer.prod.ts b/.erb/configs/webpack.config.renderer.prod.ts
index b56e2679..58fc96e1 100644
--- a/.erb/configs/webpack.config.renderer.prod.ts
+++ b/.erb/configs/webpack.config.renderer.prod.ts
@@ -72,8 +72,8 @@ const configuration: webpack.Configuration = {
       {
         test: /\.s?(a|c)ss$/,
         use: [
-          MiniCssExtractPlugin.loader, 
-          'css-loader', 
+          MiniCssExtractPlugin.loader,
+          'css-loader',
           'sass-loader',
           {
             loader: 'postcss-loader',
@@ -93,7 +93,7 @@ const configuration: webpack.Configuration = {
       },
       // Images
       {
-        test: /\.(png|svg|jpg|jpeg|gif)$/i,
+        test: /\.(png|svg|jpg|jpeg|gif|mp4)$/i,
         type: 'asset/resource',
       },
     ],
diff --git a/assets/assets.d.ts b/assets/assets.d.ts
index a0938fb1..e78bf48e 100644
--- a/assets/assets.d.ts
+++ b/assets/assets.d.ts
@@ -10,6 +10,11 @@ declare module '*.png' {
   export default content;
 }
 
+declare module '*.mp4' {
+  const content: string;
+  export default content;
+}
+
 declare module '*.jpg' {
   const content: string;
   export default content;