themes/lumbung-theme/layouts/partials/shout_card.html

@@ -10,6 +10,13 @@
               </a></h2>
             </header>
 
+            {{ with (index (.Resources.ByType "video") 0) }}
+            {{/* TODO this current logic does not suport video & image mixed */}}
+              <div class="p-summary">
+              <video controls width="540px" preload="none" poster="{{ $postPermalink }}/thumbnail.png">
+                <source src="{{.Permalink}}" type="video/mp4">
+              </video>
+            {{ else}}
             {{ with (index (.Resources.ByType "image") 0) }}
               {{ $height := add .Height 0.0}}
               {{ $ratio := div $height .Width}}
@@ -20,6 +27,7 @@
             </div>
             {{ else }}
               <div class="p-summary">
+            {{ end }}
             {{ end }}
               <div class="summary-text">
                 {{ .Summary }}