64 lines
1.8 KiB
HTML
64 lines
1.8 KiB
HTML
{{/*
|
|
视频嵌入 shortcode
|
|
用法：
|
|
{{< video src="/video/example.mp4" >}}
|
|
{{< video src="https://example.com/video.mp4" poster="/image/poster.jpg" >}}
|
|
{{< video src="/video/example.mp4" caption="视频说明文字" >}}
|
|
{{< bilibili BV1xx411c7mD >}}
|
|
{{< youtube dQw4w9WgXcQ >}}
|
|
*/}}
|
|
|
|
{{ if .Get "bvid" | or (.Get 0) }}
|
|
{{/* Bilibili 嵌入 */}}
|
|
{{ $bvid := .Get "bvid" | default (.Get 0) }}
|
|
<div class="post-video-wrapper">
|
|
<div class="video-embed bilibili-embed">
|
|
<iframe
|
|
src="//player.bilibili.com/player.html?bvid={{ $bvid }}&high_quality=1&danmaku=0"
|
|
scrolling="no"
|
|
frameborder="0"
|
|
allowfullscreen="true"
|
|
loading="lazy"
|
|
></iframe>
|
|
</div>
|
|
</div>
|
|
|
|
{{ else if .Get "id" | or (and (.Get 0) (not (.Get "src"))) }}
|
|
{{/* YouTube 嵌入 */}}
|
|
{{ $id := .Get "id" | default (.Get 0) }}
|
|
<div class="post-video-wrapper">
|
|
<div class="video-embed youtube-embed">
|
|
<iframe
|
|
src="https://www.youtube.com/embed/{{ $id }}"
|
|
frameborder="0"
|
|
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
|
|
allowfullscreen="true"
|
|
loading="lazy"
|
|
></iframe>
|
|
</div>
|
|
</div>
|
|
|
|
{{ else }}
|
|
{{/* 本地/外部视频 */}}
|
|
{{ $src := .Get "src" }}
|
|
{{ $poster := .Get "poster" }}
|
|
{{ $caption := .Get "caption" }}
|
|
<figure class="post-video-wrapper">
|
|
<div class="video-container">
|
|
<video
|
|
controls
|
|
preload="metadata"
|
|
{{ with $poster }}poster="{{ . }}"{{ end }}
|
|
playsinline
|
|
webkit-playsinline
|
|
>
|
|
<source src="{{ $src }}">
|
|
你的浏览器不支持视频播放。
|
|
</video>
|
|
</div>
|
|
{{ with $caption }}
|
|
<figcaption class="video-caption">{{ . }}</figcaption>
|
|
{{ end }}
|
|
</figure>
|
|
{{ end }}
|