Merge pull request #2684 from RxChi1d/feat/add-video-shortcode

feat(shortcodes): add video shortcode
This commit is contained in:
Nuno C.
2026-01-01 23:26:38 +00:00
committed by GitHub
11 changed files with 659 additions and 0 deletions
@@ -979,6 +979,54 @@ consectetur adipiscing elit.
<br/><br/><br/>
## Video
Blowfish には、ローカルまたは外部の動画を本文に埋め込むための `video` ショートコードがあります。ショートコードは `<figure>` で包んだレスポンシブな動画プレーヤーと、任意のキャプションを出力します。
`video` ショートコードは次のパラメータを受け取ります:
<!-- prettier-ignore-start -->
| パラメータ | 説明 |
| --- | --- |
| `src` | **必須。** 動画のURLまたはローカルパス。ローカルの検索順: ページリソース → `assets/` → `static/`。 |
| `poster` | 任意のポスター画像URLまたはローカルパス。省略時は、ページバンドル内で同名の画像を試します。 |
| `caption` | 動画下に表示するMarkdownキャプション(任意)。 |
| `autoplay` | `true`/`false`。`true` で自動再生。既定: `false`。 |
| `loop` | `true`/`false`。`true` でループ再生。既定: `false`。 |
| `muted` | `true`/`false`。`true` でミュート。既定: `false`。 |
| `controls` | `true`/`false`。`true` でブラウザ標準の再生コントロールを表示。既定: `true`。 |
| `playsinline` | `true`/`false`。`true` でモバイルのインライン再生。既定: `true`。 |
| `preload` | `metadata`(情報のみ読み込み)、`none`(帯域節約)、`auto`(より多く事前読み込み)。既定: `metadata`。 |
| `start` | 任意の開始秒。 |
| `end` | 任意の終了秒。 |
| `ratio` | プレーヤーの予約アスペクト比。`16/9`、`4/3`、`1/1`、またはカスタム `W/H` に対応。既定: `16/9`。 |
| `fit` | 比率への収まり方: `contain`(切り抜きなし)、`cover`(切り抜いて埋める)、`fill`(引き伸ばす)。既定: `contain`。 |
<!-- prettier-ignore-end -->
ブラウザが動画を再生できない場合、プレーヤーは英語の簡潔なフォールバック文とダウンロードリンクを表示します。
**例:**
```md
{{</* video
src="https://upload.wikimedia.org/wikipedia/commons/5/5a/CC0_-_Public_Domain_Dedication_video_bumper.webm"
poster="https://upload.wikimedia.org/wikipedia/commons/e/e0/CC0.jpg"
caption="**パブリックドメインのデモ** — CC0 の動画とポスター。"
loop=true
muted=true
*/>}}
```
{{< video
src="https://upload.wikimedia.org/wikipedia/commons/5/5a/CC0_-_Public_Domain_Dedication_video_bumper.webm"
poster="https://upload.wikimedia.org/wikipedia/commons/e/e0/CC0.jpg"
caption="**パブリックドメインのデモ** — CC0 の動画とポスター。"
loop=true
muted=true
>}}
<br/><br/><br/>
## Youtube Lite
[lite-youtube-embed](https://github.com/paulirish/lite-youtube-embed) ライブラリを使用して YouTube 動画を埋め込むためのショートカット。このライブラリは、標準の YouTube 埋め込みの軽量な代替手段であり、より高速で効率的になるように設計されています。