diff --git a/static/templates/live.html b/static/templates/live.html
index c86ee22..eae854b 100644
--- a/static/templates/live.html
+++ b/static/templates/live.html
@@ -312,7 +312,8 @@
       let currentCameraGroup = 1;
       const camerasPerGroup = 5;
       var totalCameras = 12 - 1; 
-      const baseURL = "http://{{VIRTUAL_HOST}}/http/live.flv";
+      const isSecure = window.location.protocol === "https:";
+      const baseURL = "https://{{VIRTUAL_HOST}}/http/live.flv";
     
       function stopAllCameras() {
         flvPlayers.forEach(player => {
diff --git a/static/templates/reports/report.html b/static/templates/reports/report.html
index 3e85d42..3d17fee 100644
--- a/static/templates/reports/report.html
+++ b/static/templates/reports/report.html
@@ -205,7 +205,7 @@
 
 <script>
   function playVideo(channel) {
-    const url = `http://localhost:8081/playback?url=http%3A%2F%2F{{VIRTUAL_HOST}}%2Fhttp%2Fplayback.flv%3Fserial%3D{{Serial}}%26channel%3D${channel}%26quality%3D1%26queryTime%3D{{QueryTime}}%26startTime%3D{{StartTime}}%26endTime%3D{{EndTime}}`;
+    const url = `https://localhost:8081/playback?url=http%3A%2F%2F{{VIRTUAL_HOST}}%2Fhttp%2Fplayback.flv%3Fserial%3D{{Serial}}%26channel%3D${channel}%26quality%3D1%26queryTime%3D{{QueryTime}}%26startTime%3D{{StartTime}}%26endTime%3D{{EndTime}}`;
     window.open(url, '_blank');
   }
 </script>
diff --git a/static/templates/videos/export.html b/static/templates/videos/export.html
index 30c8799..9852e14 100644
--- a/static/templates/videos/export.html
+++ b/static/templates/videos/export.html
@@ -863,7 +863,7 @@ endVideoTimeInput.addEventListener("blur", sendPostRequest);
 
     const serial = selectedDevice.value;
 
-    const url = `http://localhost:8081/export?url=http%3A%2F%2F{{VIRTUAL_HOST}}%2Fhttp%2Fdownload.flv%3Fserial%3D${serial}%26channel%3D${channel}%26queryTime%3D${selectedDate}%26startTime%3D${startTime}%26endTime%3D${endTime}%26recordID%3D${resData.dataId}`;
+    const url = `https://localhost:8081/export?url=http%3A%2F%2F{{VIRTUAL_HOST}}%2Fhttp%2Fdownload.flv%3Fserial%3D${serial}%26channel%3D${channel}%26queryTime%3D${selectedDate}%26startTime%3D${startTime}%26endTime%3D${endTime}%26recordID%3D${resData.dataId}`;
     document.getElementById("exportLoading").style.display = 'none';
     window.open(url, '_blank'); 
   }
diff --git a/static/templates/videos/playback.html b/static/templates/videos/playback.html
index cf9a9bf..d88370b 100644
--- a/static/templates/videos/playback.html
+++ b/static/templates/videos/playback.html
@@ -683,7 +683,7 @@ videoTimeInput.addEventListener("blur", sendPostRequest);
 
     selectedChannel = channel;
 
-    const url = `http://localhost:8081/playback?url=http%3A%2F%2F{{VIRTUAL_HOST}}%2Fhttp%2Fplayback.flv%3Fserial%3D${serial}%26channel%3D${channel}%26quality%3D1%26queryTime%3D${selectedDate}%26startTime%3D${startTime}%26endTime%3D${endTime}`;
+    const url = `https://localhost:8081/playback?url=http%3A%2F%2F{{VIRTUAL_HOST}}%2Fhttp%2Fplayback.flv%3Fserial%3D${serial}%26channel%3D${channel}%26quality%3D1%26queryTime%3D${selectedDate}%26startTime%3D${startTime}%26endTime%3D${endTime}`;
     window.open(url, '_blank');
   }
 </script>