fixing the mobile front page video

fixing mobile front page video from being cropped

diff --git a/assets/header-video.m4v b/assets/header-video.m4v
new file mode 100644 (file)
index 0000000..9aa19c1
Binary files /dev/null and b/assets/header-video.m4v differ

diff --git a/assets/header-video.mp4 b/assets/header-video.mp4
deleted file mode 100644 (file)
index e983f57..0000000
Binary files a/assets/header-video.mp4 and /dev/null differ

diff --git a/parts/slideshow.php b/parts/slideshow.php
index 05c0d74..3adbff6 100644 (file)
--- a/parts/slideshow.php
+++ b/parts/slideshow.php
@@ -1,6 +1,6 @@
 <?php if (is_front_page()) : ?>
        <div id="front-page-video-container">
-      <video class="show-for-medium-down" id="front-page-video" src="" autoplay="" loop="" muted="" playsinline>
+      <video class="show-for-medium-down" id="front-page-video" src="" autoplay="" muted="" playsinline>
     </video>
     <?php global $post;?>
     <div class="show-for-large-up">
@@ -13,7 +13,7 @@
   jQuery(function($){
     if( $(window).width() < 1024){
       var assets = <?php echo $site_assets ?>;
-      $("#front-page-video").attr('src', assets + 'header-video.mp4');
+      $("#front-page-video").attr('src', assets + 'header-video.m4v');
     }
   });
 </script>