diff --git a/web/assets/js/bs5.videos.js b/web/assets/js/bs5.videos.js
index cf436232..094584f6 100644
--- a/web/assets/js/bs5.videos.js
+++ b/web/assets/js/bs5.videos.js
@@ -631,6 +631,16 @@ async function unarchiveVideos(videos){
         await unarchiveVideo(video)
     }
 }
+function buildDefaultVideoMenuItems(file){
+    var href = file.href
+    return `
+    <li><a class="dropdown-item" href="${href}" download>${lang.Download}</a></li>
+    <li><a class="dropdown-item open-video" href="${href}">${lang.Play}</a></li>
+    <li><hr class="dropdown-divider"></li>
+    ${permissionCheck('video_delete',file.mid) ? `<li><a class="dropdown-item delete-video" href="${href}">${lang.Delete}</a></li>` : ``}
+    ${permissionCheck('video_delete',file.mid) ? `<li><a class="dropdown-item compress-video" href="${href}">${lang.Compress}</a></li>` : ``}
+`
+}
 onWebSocketEvent(function(d){
     switch(d.f){
         case'video_delete':
diff --git a/web/assets/js/bs5.videosTable.js b/web/assets/js/bs5.videosTable.js
index cd21cdea..08fb0954 100644
--- a/web/assets/js/bs5.videosTable.js
+++ b/web/assets/js/bs5.videosTable.js
@@ -183,11 +183,16 @@ $(document).ready(function(e){
                     size: convertKbToHumanSize(file.size),
                     buttons: `
                     <div class="row-info" data-mid="${file.mid}" data-ke="${file.ke}" data-time="${file.time}" data-filename="${file.filename}">
-                        <a class="btn btn-sm btn-primary" href="${href}" download title="${lang.Download}"><i class="fa fa-download"></i></a>
                         <a class="btn btn-sm btn-default open-video" href="${href}" title="${lang.Play}"><i class="fa fa-play"></i></a>
-                        ${permissionCheck('video_delete',file.mid) ? `<a class="btn btn-sm btn-danger delete-video" href="${href}" title="${lang.Delete}"><i class="fa fa-trash-o"></i></a>` : ''}
-                        ${permissionCheck('video_delete',file.mid) ? `<a class="btn btn-sm btn-warning compress-video" href="${href}" title="${lang.Compress}"><i class="fa fa-compress"></i></a>` : ''}
                         ${permissionCheck('video_delete',file.mid) ? `<a class="btn btn-sm btn-${file.archive === 1 ? `success status-archived` : `default`} archive-video" title="${lang.Archive}"><i class="fa fa-${file.archive === 1 ? `lock` : `unlock-alt`}"></i></a>` : ''}
+                        <div class="dropdown d-inline-block">
+                            <a class="btn btn-sm btn-primary dropdown-toggle dropdown-toggle-split" data-bs-toggle="dropdown" aria-expanded="false" data-bs-reference="parent">
+                              <i class="fa fa-ellipsis-v" aria-hidden="true"></i>
+                            </a>
+                            <ul class="dropdown-menu ${definitions.Theme.isDark ? 'dropdown-menu-dark bg-dark' : ''} shadow-lg">
+                                ${buildDefaultVideoMenuItems(file)}
+                            </ul>
+                        </div>
                     </div>
                     `,
                 }