diff --git a/lib/template.ejs b/lib/template.ejs
index 16bd872..ed0aac7 100644
--- a/lib/template.ejs
+++ b/lib/template.ejs
@@ -61,28 +61,30 @@
               <input type="checkbox" class="showmore" id="<%- cwId %>">
               <label class="button" for="<%- cwId %>">Show</label>
             <% } %>
-
+            
             <div class="item-content">
               <%- item.content %>
             </div>
 
-      		  <% if (item.enclosures.length > 0){ %>
-      		    <div class="enclosures">
-        		    <% for (var i = 0; i < item.enclosures.length; i ++){ var e = item.enclosures[i] %>
-          			  <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>
+            <% if (item.enclosures.length > 0){ %>
+              <div class="enclosures">
+                <% 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 { %>
+                        <%= e.url %>
+                      <% } %>
+                    </a>
+                  <% } %>
+                <% } %>
+              </div>
+           <% } %>
+          <div class="date"><%= item.stringDate %></div>
         </div>
       <% }); %>
       <% if (nextPageLink) %>
diff --git a/static/dark.css b/static/dark.css
index c51bacb..81b4579 100644
--- a/static/dark.css
+++ b/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%;
diff --git a/static/light.css b/static/light.css
index 5819f18..32ff7a8 100644
--- a/static/light.css
+++ b/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%;
diff --git a/stylesrc/base.scss b/stylesrc/base.scss
index 97a26f5..b0ec4dc 100644
--- a/stylesrc/base.scss
+++ b/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%;