From ebcade8035a4140bd9bfea0e401dc13d92187412 Mon Sep 17 00:00:00 2001
From: Nolan Lawson <nolan@nolanlawson.com>
Date: Thu, 19 Apr 2018 10:04:44 -0700
Subject: [PATCH] constrain gif backgrounds (with modifications) (#176)

* constrain gif backgrounds. fixes #159

* nit: move background-* styles to AutoplayVideo.html
---
 routes/_components/AutoplayVideo.html | 13 ++++++++++---
 1 file changed, 10 insertions(+), 3 deletions(-)

diff --git a/routes/_components/AutoplayVideo.html b/routes/_components/AutoplayVideo.html
index 984a635..a491b0c 100644
--- a/routes/_components/AutoplayVideo.html
+++ b/routes/_components/AutoplayVideo.html
@@ -1,7 +1,7 @@
 <video
-  class="{{className || ''}}"
+  class="autoplay-video {{className || ''}}"
   aria-label="{{ariaLabel || ''}}"
-  style="background: url({{poster}});"
+  style="background-image: url({{poster}});"
   :poster
   :width
   :height
@@ -11,4 +11,11 @@
   loop
   webkit-playsinline
   playsinline
-/>
\ No newline at end of file
+/>
+<style>
+  .autoplay-video {
+    background-repeat: no-repeat;
+    background-position: center;
+    background-size: contain;
+  }
+</style>
\ No newline at end of file