1623

themes/Ying/layouts/_default/_markup/render-video.html

@@ -0,0 +1,22 @@
+{{/*
+  Render hook for HTML video tags in Markdown
+  让 Markdown 中的 <video> 标签自动包裹 figure 容器
+*/}}
+<figure class="post-video-wrapper">
+  <div class="video-container">
+    <video
+      controls
+      preload="metadata"
+      playsinline
+      webkit-playsinline
+      {{ with .Attributes.poster }}poster="{{ . }}"{{ end }}
+      {{ with .Attributes.class }}class="{{ . }}"{{ end }}
+    >
+      <source src="{{ .Destination | safeURL }}" type="{{ .MediaType.Type }}">
+      你的浏览器不支持视频播放。
+    </video>
+  </div>
+  {{ with .Text }}
+  <figcaption class="video-caption">{{ . }}</figcaption>
+  {{ end }}
+</figure>