diff --git a/web/assets/js/bs5.dashboard-base.js b/web/assets/js/bs5.dashboard-base.js
index 6968c014..e4d3500f 100644
--- a/web/assets/js/bs5.dashboard-base.js
+++ b/web/assets/js/bs5.dashboard-base.js
@@ -958,6 +958,10 @@ function loadDateRangePicker(dateSelector,options){
         }
     },options || {},{ onChange: undefined }), options.onChange)
 }
+function setPreviewedVideoHighlight(buttonEl,tableEl){
+    tableEl.find('tr').removeClass('bg-gradient-blue')
+    buttonEl.parents('tr').addClass('bg-gradient-blue')
+}
 // on page load
 var readyFunctions = []
 function onDashboardReady(theAction){
diff --git a/web/assets/js/bs5.fileBin.js b/web/assets/js/bs5.fileBin.js
index 72aa86d6..f90560e3 100644
--- a/web/assets/js/bs5.fileBin.js
+++ b/web/assets/js/bs5.fileBin.js
@@ -184,7 +184,9 @@ $(document).ready(function(e){
     })
     .on('click','.preview-video',function(e){
         e.preventDefault()
-        var href = $(this).attr('href')
+        var el = $(this)
+        var href = el.attr('href')
+        setPreviewedVideoHighlight(el,fileBinDrawArea)
         drawPreviewVideo(href)
         return false;
     })
diff --git a/web/assets/js/bs5.videosTable.js b/web/assets/js/bs5.videosTable.js
index 8863cbe6..b5f89f4f 100644
--- a/web/assets/js/bs5.videosTable.js
+++ b/web/assets/js/bs5.videosTable.js
@@ -257,7 +257,9 @@ $(document).ready(function(e){
     theEnclosure
     .on('click','.preview-video',function(e){
         e.preventDefault()
-        var href = $(this).attr('href')
+        var el = $(this)
+        var href = el.attr('href')
+        setPreviewedVideoHighlight(el,videosTableDrawArea)
         drawPreviewVideo(href)
         return false;
     })