Updated repository via git push

simpliplay/index.html

@@ -83,6 +83,8 @@
     <input type="checkbox" id="loopCheckbox"><br>
     <label for="controlsCheckbox">Controls:</label>
     <input type="checkbox" id="controlsCheckbox" checked><br>
+    <label for="controlsCheckbox">Vivid Colors:</label>
+    <input type="checkbox" id="colorsCheckbox"><br>
     <p class="settings-info"><em>Settings apply for this session only.</em></p>
     <button id="saveSettingsBtn">Save Settings</button>
   </div>

simpliplay/package.json

@@ -28,7 +28,7 @@
       "icon": "icon.ico"
     },
     "linux": {
-      "target": "AppImage",
+      "target": "flatpak",
       "icon": "icon.png",
       "executableName": "SimpliPlay",
       "synopsis": "The mission to make media playback accessible anywhere, anytime."

simpliplay/player.js

@@ -219,6 +219,7 @@ submitUrlBtn.addEventListener('click', () => {
         // Create a new Object URL for the selected file
         const fileURL = URL.createObjectURL(file);
         mediaPlayer.src = fileURL;
+        mediaPlayer.load();
         if (autoplayCheckbox.checked) {
         mediaPlayer.play();
         }

simpliplay/styles.css

@@ -131,7 +131,8 @@ h1 {
       cursor: pointer;
     }
 
-    video, iframe {
+    video {
+      /* To make color pop: filter: contrast(1.1) saturate(1.2);*/
       display: flex;
       margin: 20px auto;
       background: black;
@@ -141,9 +142,6 @@ h1 {
       box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
     }
 
-    iframe {
-      border: none;
-    }
 
     .gap-box {
       height: 20px;
@@ -197,4 +195,4 @@ h1 {
       box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
       z-index: 10000;
       text-align: center;
-    }
+    }