diff --git a/app/assets/images/metamaps-intro-poster.webp b/app/assets/images/metamaps-intro-poster.webp
new file mode 100644
index 00000000..641b72df
Binary files /dev/null and b/app/assets/images/metamaps-intro-poster.webp differ
diff --git a/app/assets/javascripts/application.js b/app/assets/javascripts/application.js
index d669012a..6ca460f5 100644
--- a/app/assets/javascripts/application.js
+++ b/app/assets/javascripts/application.js
@@ -16,3 +16,4 @@
 //= require_directory ./lib
 //= require ./webpacked/metamaps.bundle
 //= require ./Metamaps.ServerData
+//= require homepageVimeoFallback
diff --git a/app/assets/javascripts/homepageVimeoFallback.js b/app/assets/javascripts/homepageVimeoFallback.js
new file mode 100644
index 00000000..be0c44a4
--- /dev/null
+++ b/app/assets/javascripts/homepageVimeoFallback.js
@@ -0,0 +1,27 @@
+$(document).ready(function () {
+  if (window.location.pathname == "/") {
+    $.ajax({
+      type: "GET",
+      url: '//player.vimeo.com',
+      error: function(e) {
+        $('.homeVideo').hide();
+        $('.homeVideo').replaceWith($('<video/>', {
+          poster: '/assets/metamaps-intro-poster.webp',
+          width: '560',
+          height: '315',
+          class: 'homeVideo',
+          controls: ''
+        }));
+        $('.homeVideo').append($('<source/>', {
+          src: '//metamaps.cc/videos/metamaps-intro.mp4',
+          type: 'video/mp4'
+        }));
+        $('.homeVideo').append(
+          '<p>You can watch our instruction video at ' +
+          '<a href="https://metamaps.cc/videos/metamaps-intro.mp4">' +
+          'https://metamaps.cc/videos/metamaps-intro.mp4</a>.'
+        );
+      }
+    });
+  }//if
+});
diff --git a/app/assets/videos/metamaps-intro.mp4 b/app/assets/videos/metamaps-intro.mp4
new file mode 100644
index 00000000..e87750e4
Binary files /dev/null and b/app/assets/videos/metamaps-intro.mp4 differ