Merge migrate to self-hosted demo video for main page.

apache · Apr 20, 2024 · a8171a7 · a8171a7
2 parents c9c82de + d0ecc80
commit a8171a7
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 15 deletions.
diff --git a/index.html b/index.html
@@ -9,12 +9,12 @@
 
         <!-- Demo Video -->
         <div class="demo">
-            <img class="thumbnail" src="/images/home/demo-thumbnail.jpg"
-                 alt="Screenshot of Guacamole 0.9.4"/>
-             <iframe
-                src="//player.vimeo.com/video/116207678?title=0&amp;byline=0&amp;portrait=0"
-                frameborder="0" webkitallowfullscreen mozallowfullscreen
-                allowfullscreen></iframe>
+            <video controls poster="/images/home/demo-thumbnail.jpg">
+                <source src="/videos/guacamole-0.9.4-demo.mp4" type="video/mp4"/>
+                <source src="/videos/guacamole-0.9.4-demo.webm" type="video/webm"/>
+                <img class="thumbnail" src="/images/home/demo-thumbnail.jpg"
+                     alt="Screenshot of Guacamole 0.9.4"/>
+            </video>
         </div>
 
         <!-- High-level description -->

diff --git a/styles/_home.scss b/styles/_home.scss
@@ -221,19 +221,12 @@ a[href].latest-release:hover .action {
     max-width: 50%;
 }
 
-.demo img.thumbnail {
+.demo img.thumbnail,
+.demo video {
     width: 600px;
     max-width: 100%;
 }
 
-.demo iframe {
-    position: absolute;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
-}
-
 @media screen and (max-width: 1000px) {
     .hook .readable-content {
         display: block;

diff --git a/videos/guacamole-0.9.4-demo.mp4 b/videos/guacamole-0.9.4-demo.mp4
diff --git a/videos/guacamole-0.9.4-demo.webm b/videos/guacamole-0.9.4-demo.webm