HugoでYoutube動画の埋め込み

ブログにYoutubeのリンクを著作権の問題なしに張るには、埋め込み用のコードを取得する必要があります。

  • 動画の下の共有ボタンをクリック
 share_button
  • 「埋め込む」をクリックして、埋め込み用コードをコピー
     embed_button

しかし、HugoではYoutubeの埋め込み用コマンドを利用すると、埋め込み用コードを自動生成しますので、コピーボタンの左の「https://youtu.be/」より後ろのみが必要となります。

 copy

HugoのYoutube埋め込み用コマンドでは、上記のコードをダブルコーテーションで囲んで指定します。(ダブルコーテーションがないと文字コードのエラーが発生する場合があります)

 {{< youtube "_NGJyTAtp9k?si=rrjUli5DEXaXyqMB" >}}

添付ファイル: fileshare_button.png 16件 [詳細] fileembed_button.png 16件 [詳細] filecopy.png 15件 [詳細]

トップ   編集 凍結 差分 バックアップ 添付 複製 名前変更 リロード   新規 一覧 単語検索 最終更新   ヘルプ   最終更新のRSS
Last-modified: 2024-09-12 (木) 12:57:27 (26d)