From 5cf5c8bf2b491e8ac9c3fe78c91d57d9f88ac4fc Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=8B=BE=E4=B8=89=E8=82=A1=E5=9B=9B?= <zhaojinjiang@me.com>
Date: Thu, 11 Jan 2018 01:33:29 +0800
Subject: [PATCH] Decoupled video player from Vimeo (#1374)

---
 themes/vue/layout/index.ejs    |  2 +-
 themes/vue/source/js/common.js | 12 +++++++-----
 2 files changed, 8 insertions(+), 6 deletions(-)

diff --git a/themes/vue/layout/index.ejs b/themes/vue/layout/index.ejs
index ba7d51033c..94fcfa6d41 100644
--- a/themes/vue/layout/index.ejs
+++ b/themes/vue/layout/index.ejs
@@ -82,7 +82,7 @@
 </div>
 
 <div id="video-modal" class="modal">
-  <div class="vimeo-space" style="padding: 56.25% 0 0 0; position: relative;"><iframe src="https://player.vimeo.com/video/247494684" style="height: 100%; left: 0; position: absolute; top: 0; width: 100%;" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe></div><script src="https://player.vimeo.com/api/player.js"></script>
+  <div class="video-space" style="padding: 56.25% 0 0 0; position: relative;"><iframe src="https://player.vimeo.com/video/247494684" style="height: 100%; left: 0; position: absolute; top: 0; width: 100%;" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe></div><script src="https://player.vimeo.com/api/player.js"></script>
 </div>
 
 <script>
diff --git a/themes/vue/source/js/common.js b/themes/vue/source/js/common.js
index 5974e7a01e..bdc1add198 100644
--- a/themes/vue/source/js/common.js
+++ b/themes/vue/source/js/common.js
@@ -144,16 +144,18 @@
   * Modal Video Player
   */
   function initVideoModal () {
-    if (typeof Vimeo === 'undefined') return
-
     var modalButton = document.getElementById('modal-player')
     var videoModal = document.getElementById('video-modal')
-    var iframe = document.querySelector('iframe');
-    var player = new Vimeo.Player(iframe);
+
+    if (!modalButton || !videoWrapper) {
+      return
+    }
+
+    var iframe = document.querySelector('iframe')
+    var player = new Vimeo.Player(iframe)
     var overlay = document.createElement('div')
         overlay.className = 'overlay'
 
-
     modalButton.addEventListener('click', function(event) {
       event.stopPropagation()
       videoModal.classList.toggle('open')