#22 YouTube動画を埋め込む

特別なタグでYouTubeリンクを貼り付けると、ノート内で再生可能な動画として表示されます。

構文

YouTube URLを {% youtube ... %} で囲みます:

{% youtube https://www.youtube.com/watch?v=dQw4w9WgXcQ %}

これだけです。レスポンシブな埋め込みプレーヤーとして動画が表示されます。

対応URL形式

形式
標準 https://www.youtube.com/watch?v=VIDEO_ID
短縮リンク https://youtu.be/VIDEO_ID
Shorts https://www.youtube.com/shorts/VIDEO_ID

3つの形式すべて対応——PenPageが自動的にビデオIDを抽出します。

プライバシー

埋め込み動画は youtube-nocookie.com を使用します——YouTubeのプライバシー強化モードです。視聴者が実際に動画を再生するまで、トラッキングCookieは設定されません。

ヒント

  • 埋め込みはレスポンシブ——ページ幅に合わせてリサイズ
  • エディタと共有/公開ページの両方で再生可能
  • 動画が表示されない場合は、URL形式を確認してください