_includes/jumbotron.html in jumbo-jekyll-theme-5.5.5 vs _includes/jumbotron.html in jumbo-jekyll-theme-5.5.6

@@ -20,11 +20,11 @@
                     <p {% if slide.desciption-class %}class="{{slide.description-class}}"{% endif%}>
                         {{slide.description}}
                     </p>
                     {% if slide.buttons %}
                         {% for button in slide.buttons %}
-                            <a href="{{button.url}}" 
+                            <a href="{{button.url}}"
                             class="btn btn-primary {% if button.class %}{{button.class}}{% endif %}">
                             {{button.title}} {% if button.icon %}<i class="{{button.icon}}"></i>{% endif %}
                         </a>
                         {% endfor %}
                     {% endif %}
@@ -41,11 +41,11 @@
     " style="background-image: url('{{page.jumbotron.background-image}}');"
 {% else %}
     jumbotron text-center featured-jumbotron"
 {% endif %} id="jumbotron" > <!--Row -->
     {% if page.jumbotron.video %}
-    <video autoplay muted preload="none" poster="{{page.jumbotron.video.poster}}" loop id="jumbotronVideo">
+    <video autoplay muted preload="none" poster="{{page.jumbotron.video.poster}}" playsinline loop id="jumbotronVideo">
         {% if page.jumbotron.video.source.mp4 %}
             <source src="{{page.jumbotron.video.source.mp4}}" type="video/mp4">
         {% endif %}
         {% if page.jumbotron.video.source.ogg %}
             <source src="{{page.jumbotron.video.source.ogg}}" type="video/ogg">
@@ -53,11 +53,11 @@
         {% if page.jumbotron.video.source.webm %}
             <source src="{{page.jumbotron.video.source.webm}}" type="video/webm">
         {% endif %}
     </video>
     {% endif %}
-    <div id="jumbotron-content" class=" flex-container"> <!--Jumbotron div -->        
+    <div id="jumbotron-content" class=" flex-container"> <!--Jumbotron div -->
         <div class="container flex-center" id="jumbotron-text"> <!--Container -->
         {% if page.jumbotron.image %}
             <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="{{page.jumbotron.image}}"
             class="{% if page.jumbotron.animation == "fade" %}fade-in-one{% endif %} img-responsive center-block lazyload"
              alt="{{site.title}} homepage header image.">
@@ -87,11 +87,11 @@
             <p class="center-block {% if page.jumbotron.animation == "fade" %}fade-in-two{% endif %}
              {% if page.jumbotron.description-class %} {{page.jumbotron.description-class}} {% endif%}" id="jumbotron-sub-title">
                 {{page.jumbotron.description}}
             </p>
         {% elsif page.description %}
-            <p class="center-block {% if page.jumbotron.animation == "fade" %}fade-in-two{% endif %} 
+            <p class="center-block {% if page.jumbotron.animation == "fade" %}fade-in-two{% endif %}
             {% if page.jumbotron.description-class %} {{page.jumbotron.description-class}} {% endif%} " id="jumbotron-sub-title">
             {{page.description}}
             </p>
         {% endif %}
         {% if page.jumbotron.buttons %}
@@ -104,12 +104,12 @@
         </p>
         {% endif %}
         {% if page.jumbotron.include %}
             {% include {{page.jumbotron.include}} %}
         {% endif %}
-        </div><!-- End Jumbotron Container Div -->  
+        </div><!-- End Jumbotron Container Div -->
     </div> <!--End Jumbotron div -->
     {% if page.jumbotron.triangle-divider %}
         <div class="big-triangle"></div>
     {% endif %}
 </div> <!--row -->
-{% endif %}
\ No newline at end of file
+{% endif %}