make videos not autoplay

lib/template.ejs

@@ -68,20 +68,22 @@
 
             <% if (item.enclosures.length > 0){ %>
               <div class="enclosures">
-        		    <% for (var i = 0; i < item.enclosures.length; i ++){ var e = item.enclosures[i] %>
+                <% for (var i = 0; i < item.enclosures.length; i ++){ %>
+                  <% var e = item.enclosures[i] %>
+                  <% if (e.type.indexOf('video') > -1){ %>
+                    <video class="enclosure" controls loop src="<%= e.url %>"/>
+                  <% } else { %>
                     <a target="_top" class="enclosure" href="<%= e.url %>" >
                       <% if (e.type.indexOf('image') > -1){ %>
                         <img src="<%= e.url %>"/>
-                    <% }else if (e.type.indexOf('video') > -1){ %>
-                      <video autoplay loop muted src="<%= e.url %>"/>
                       <% } else { %>
                         <%= e.url %>
                       <% } %>
                     </a>
                   <% } %>
+                <% } %>
               </div>
            <% } %>
-
           <div class="date"><%= item.stringDate %></div>
         </div>
       <% }); %>

static/dark.css

@@ -102,9 +102,11 @@ a * {
   width: 50%;
   display: inline-block;
   border: none;
-  cursor: zoom-in;
   max-height: 12rem; }
 
+a.enclosure {
+  cursor: zoom-in; }
+
 .enclosure > * {
   flex: 1 1 auto;
   width: 100%;

static/light.css

@@ -102,9 +102,11 @@ a * {
   width: 50%;
   display: inline-block;
   border: none;
-  cursor: zoom-in;
   max-height: 12rem; }
 
+a.enclosure {
+  cursor: zoom-in; }
+
 .enclosure > * {
   flex: 1 1 auto;
   width: 100%;

stylesrc/base.scss

@@ -125,15 +125,16 @@ a * {
 }
 
 .enclosure{
-
   display:flex;
   flex: 1 1 auto;
   width:50%;
   display: inline-block;
   border: none;
-  cursor: zoom-in;
   max-height: 12rem;
 }
+a.enclosure{
+  cursor: zoom-in;
+}
 .enclosure>*{
   flex: 1 1 auto;
   width:100%;