Update video container styles and add play button functionality

DemocraciaEnRed · Sep 5, 2024 · c30afc6 · c30afc6
1 parent 84e6450
commit c30afc6
Showing 1 changed file with 11 additions and 11 deletions.
diff --git a/index.html b/index.html
@@ -44,17 +44,6 @@
   </script>
 </head>
 <body>
-  <div class="video-container is-hidden-touch">
-    <video id="theVideo" class="video" controls playsinline poster="https://democraciaenred.nyc3.digitaloceanspaces.com/projects/reconoceme/reconoceme-169-desktop-firstframe.jpg">
-      <source src="https://democraciaenred.nyc3.digitaloceanspaces.com/projects/reconoceme/reconoceme-169-compressed.mp4" type="video/mp4">
-    </video>
-    <button id="playButton" class="play-button has-text-white is-hidden-mobile"><i class="fas fa-play-circle fa-5x"></i></button>
-  </div>
-  <div class="video-container is-hidden-desktop">
-    <video id="theVideo" class="video" controls playsinline poster="https://democraciaenred.nyc3.digitaloceanspaces.com/projects/reconoceme/reconoceme-169-desktop-firstframe.jpg">
-      <source src="https://democraciaenred.nyc3.digitaloceanspaces.com/projects/reconoceme/reconoceme-169-720-compressed.mp4" type="video/mp4">
-    </video>
-  </div>
   <nav class="navbar is-black" role="navigation" aria-label="main navigation">
     <div class="container">
 
@@ -102,6 +91,17 @@
       </div>
     </div>
   </nav>
+  <div class="video-container is-hidden-touch">
+    <video id="theVideo" class="video" controls playsinline poster="https://democraciaenred.nyc3.digitaloceanspaces.com/projects/reconoceme/reconoceme-169-desktop-firstframe.jpg">
+      <source src="https://democraciaenred.nyc3.digitaloceanspaces.com/projects/reconoceme/reconoceme-169-compressed.mp4" type="video/mp4">
+    </video>
+    <button id="playButton" class="play-button has-text-white is-hidden-mobile"><i class="fas fa-play-circle fa-5x"></i></button>
+  </div>
+  <div class="video-container is-hidden-desktop">
+    <video id="theVideo" class="video" controls playsinline poster="https://democraciaenred.nyc3.digitaloceanspaces.com/projects/reconoceme/reconoceme-169-desktop-firstframe.jpg">
+      <source src="https://democraciaenred.nyc3.digitaloceanspaces.com/projects/reconoceme/reconoceme-169-720-compressed.mp4" type="video/mp4">
+    </video>
+  </div>
   <div id="home" class="hero is-black is-medium is-fullheight">
     <div class="hero-body">
       <div class="container">