Test External Video Links and Header Video of Jekyll Theme Minimal Mistakes

Aug. 12, 2022

使用 YAML 嵌入 Header Video

1
2
3
4

header:
  video:
    id: BV1pC4y1a7QP
    provider: bilibili


网页内嵌入视频

方式1：使用 liquid （推荐）

1

{% include video id="BV1pC4y1a7QP" provider="bilibili" %}

方式2：使用 iframe 标签

1

<iframe src="//player.bilibili.com/player.html?aid=795997075&bvid=BV1pC4y1a7QP&page=1&high_quality=1&danmaku=0" allowfullscreen="allowfullscreen" width="100%" height="100%" scrolling="no" frameborder="0" sandbox="allow-top-navigation allow-same-origin allow-forms allow-scripts"> </iframe>


References

[1] Layout: Header Video - Minimal Mistakes (mmistakes.github.io).