diff --git a/form/upload.js b/form/upload.js
index da378f8..ee4f446 100644
--- a/form/upload.js
+++ b/form/upload.js
@@ -20,8 +20,8 @@ let main = new Route([auth], async function (req, res, input) {
     let {path} = req.file;
 
     try {
-        await execP(`ffmpeg -i ${path} videos/${id}.mp4`);
-        await execP(`ffmpeg -i videos/${id}.mp4 -frames:v 1 videos/${id}.png`);
+        await execP(`ffmpeg -i ${path} videos/${id}.webm`);
+        await execP(`ffmpeg -i videos/${id}.webm -frames:v 1 videos/${id}.png`);
     } catch (err) {
         return { 'success': false, 'message': 'Video is invalid'}
     }
diff --git a/views/player.ejs b/views/player.ejs
index d757e53..f3e16e6 100644
--- a/views/player.ejs
+++ b/views/player.ejs
@@ -1,7 +1,7 @@
 <%- include('header.ejs') -%>
     <div class='area'>
         <h1>Video</h1>
-        <video controls src='/videos/<%= videoData.id %>.mp4'></video>
+        <video controls src='/videos/<%= videoData.id %>.webm'></video>
         <div><b>
                 <%= videoData.title %>
             </b>