YouTubeショートの動画をWEBに埋め込むときのサイズや縦横比の設定方法はいくつかありますのでご紹介します。
※仕様は投稿当時のものです。
こちらのブログも参考にしてください
→【動画制作】YouTube 縦動画について 縦サイズにする方法 Youtubeショートの埋め込み 縦動画のこれから 他
※突然仕様変更になる可能性もありますのでご了承ください
YouTubeショート動画の埋め込みURLをコピーする
- パソコンでYouTubeを開く
- ショート動画を再生する
- 動画の枠内を右クリックして「埋め込みコードをコピー」する。
- WEBサイトのhtmlにそのままペースト
- CMSなどのツールではYouTubeのリンクURLを貼る場所があったりしますが、「ウイジェット/html」などに貼り付けます。
YouTubeショートの埋め込みタグをPCブラウザからコピーする
- 埋め込みたい ショート動画をパソコンで開きます。
- ショート動画を再生します
- 動画のURLをコピー
- ウエブブラウザに貼り付け
- 横型動画と同じ比率で再生されます。
- [共有] をクリックします。
- 共有オプションのリストから [埋め込む] をクリックします。
- ボックスに表示されている HTML コードをコピーします。
- ウェブサイトの HTML にコードを貼り付けます。
- CMSなどのツールではYouTubeのリンクを貼る場所があったりしますが、「ウイジェット/html」などに貼り付けます。
- weightやheight のサイズを埋め込みたい幅に合わせて調整します(数値を縦横逆にすると縦型になります。)
- 「YouTubeショート動画を埋め込む」と、見た目は同じですが、タグを比較すると若干違います。WEBの体裁に併せて使いやすい方にすると良いと思います。
スマホから埋め込むhtmlタグをコピーする
- スマホでWEBブラウザのYouTubeを開く。
- アプリが開いてしまう場合、YouTubeを検索して、新規タブで開く
- デスクトップサイトをリクエストする。(パソコンと同じ見え方にする)
- 前段の「YouTubeショート動画を埋め込む」や「htmlタグを使って埋め込む」を行う
ショートから埋め込みURLをコピーしたもの
埋め込みタグをコピーして幅を反対にしたもの
動画URLをそのまま貼り付けたもの
ブログ発信中
kinochannel.jimdofree.com Blog Feed
YouTubeショートは、スクエア(正方形)の動画も有効であるという話 (月, 29 1月 2024)>> 続きを読む
YouTubeの上級者向け機能についてと関連動画がなくなった件 (Tue, 16 Jan 2024)
>> 続きを読む
ショート動画・縦動画の研究 Youtubeshorts TikTok インスタリール LINEVOOM (Tue, 28 Nov 2023)
>> 続きを読む
YouTubeショートサムネイルの設定方法と注意点!まさかの〇〇できない件 (Tue, 14 Nov 2023)
>> 続きを読む
YouTubeショートのリンクが機能しなくなった件。代わりに関連動画設定が登場 (Mon, 06 Nov 2023)
>> 続きを読む
YouTubeショート縦動画 プロ品質の作品にする方法 (Wed, 25 Oct 2023)
>> 続きを読む
YouTube 縦動画について 縦サイズにする方法 Youtubeショートの埋め込み 縦動画のこれから 他 (Thu, 12 Oct 2023)
>> 続きを読む
なぜYouTubeショートはTikTokと比べてバズらないのか (Wed, 28 Jun 2023)
>> 続きを読む
YouTubeショート:縦動画制作のビジネス利用シーン (Tue, 02 May 2023)
>> 続きを読む
なぜYouTubeショートが企業や地方自治体のプロモーションに浸透しないのか (Thu, 27 Apr 2023)
>> 続きを読む
YouTubeショート(縦動画)プロモーションのメリットとデメリット (Tue, 25 Apr 2023)
>> 続きを読む
YouTubeショートの動画をWEBに埋め込むときのサイズや縦横比の設定方法 (Sun, 23 Apr 2023)
>> 続きを読む
Youtube縦動画 効果的プロモーションのポイント (Thu, 13 Apr 2023)
>> 続きを読む