Merge pull request #74 from logik-works/header_video_stills

Header video stills
realstorypro · Dec 5, 2018 · 18ff9b2 · 18ff9b2
2 parents 44bfc47 + 0736b0c
commit 18ff9b2
Show file tree

Hide file tree

Showing 5 changed files with 8 additions and 9 deletions.
diff --git a/app/views/pages/about.html.slim b/app/views/pages/about.html.slim
@@ -1,6 +1,7 @@
 - content_for :hero
   = fragment 'hero'
-    video.video src[email protected]_video.url id='header_video' autoplay=false muted=true loop=true playsinline=true width='x' height='y' .overlay style="background-color: #{@page.overlay_color}"
+    video.video src[email protected]_video.url id='header_video' autoplay=true muted=true loop=true playsinline=true width='x' height='y' 
+    .overlay style="background-color: #{@page.overlay_color}"
     .content-holder
       = container 'text'
         = h1 class: 'center aligned inverted', text: @page.master_heading

diff --git a/app/views/pages/home.html.slim b/app/views/pages/home.html.slim
@@ -1,6 +1,6 @@
 - content_for :hero
   = fragment 'hero'
-    video.video src[email protected]_video.url id='header_video' autoplay=false muted=true loop=true playsinline=true width='x' height='y'
+    video.video src[email protected]_video.url id='header_video' autoplay=true muted=true loop=true playsinline=true width='x' height='y'
     .overlay style="background-color: #{@homepage.overlay_color}"
     .content-holder
       = container 'text'

diff --git a/frontend/css/global.sass b/frontend/css/global.sass
@@ -42,6 +42,7 @@
 
   // Video
   .video
+    object-fit: cover
     position: absolute
     top: 0
     left: 0

diff --git a/frontend/js/header_video.coffee b/frontend/js/header_video.coffee
@@ -3,9 +3,8 @@ import MobileDetect from 'mobile-detect'
 class HeaderVideo
   setup : () ->
     md = new MobileDetect(window.navigator.userAgent)
-    unless md.mobile()
-      video = document.querySelector('video#header_video')
-      video.play() if video 
-
-
+    if md.mobile()
+      masthead = $('.masthead')
+      masthead.css('min-height', masthead.outerHeight())
+
 export {HeaderVideo as default}
diff --git a/frontend/packs/js.coffee b/frontend/packs/js.coffee
@@ -7,8 +7,6 @@ Turbolinks.start()
 header_video = new HeaderVideo
 
 ready = ->
-  console.log $('.demo.modal form input[name="email"]').val()
-
   analytics.page()
   header_video.setup()