homepage video fallback

app/assets/javascripts/application.js

@@ -16,3 +16,4 @@
 //= require_directory ./lib
 //= require ./webpacked/metamaps.bundle
 //= require ./Metamaps.ServerData
+//= require homepageVimeoFallback

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
+});