· 

YouTube ショート 縦型動画をWEBに埋め込むときのサイズや縦横比の設定方法

YouTubeショートの動画をWEBに埋め込むときのサイズや縦横比の設定方法はいくつかありますのでご紹介します。

 ※仕様は初回投稿当時のものです。仕様が変わることがありますのでご注意ください。

こちらのブログも参考にしてください

→【動画制作】YouTube 縦動画について 縦サイズにする方法 Youtubeショートの埋め込み 縦動画のこれから 他

※突然仕様変更になる可能性もありますのでご了承ください

YouTubeショート動画の埋め込みURLをコピーする

  1. パソコンでYouTubeを開く
  2. ショート動画を再生する
  3. 動画の枠内を右クリックして「埋め込みコードをコピー」する。
  4. WEBサイトのhtmlにそのままペースト
  5. CMSなどのツールではYouTubeのリンクURLを貼る場所があったりしますが、「ウイジェット/html」などに貼り付けます。

YouTubeショートの埋め込みタグをPCブラウザからコピーする

  1. 埋め込みたい ショート動画をパソコンで開きます。
  2. ショート動画を再生します
  3. 動画のURLをコピー
  4. ウエブブラウザに貼り付け
  5. 横型動画と同じ比率で再生されます。
  6. [共有]  をクリックします。
  7. 共有オプションのリストから [埋め込む] をクリックします。
  8. ボックスに表示されている HTML コードをコピーします。
  9. ウェブサイトの HTML にコードを貼り付けます。
  10. CMSなどのツールではYouTubeのリンクを貼る場所があったりしますが、「ウイジェット/html」などに貼り付けます。
  11. weightやheight のサイズを埋め込みたい幅に合わせて調整します(数値を縦横逆にすると縦型になります。)
  12. 「YouTubeショート動画を埋め込む」と、見た目は同じですが、タグを比較すると若干違います。WEBの体裁に併せて使いやすい方にすると良いと思います。

スマホから埋め込むhtmlタグをコピーする

  1. スマホでWEBブラウザのYouTubeを開く。
  2. アプリが開いてしまう場合、YouTubeを検索して、新規タブで開く
  3. デスクトップサイトをリクエストする。(パソコンと同じ見え方にする)
  4. 前段の「YouTubeショート動画を埋め込む」や「htmlタグを使って埋め込む」を行う

ショートから埋め込みURLをコピーしたもの

埋め込みタグをコピーして幅を反対にしたもの

動画URLをそのまま貼り付けたもの


ブログ発信中

kinochannel.jimdofree.com Blog Feed

Youtube shortでAuto Captions(自動見出し字幕)をつける方法(英語版) (木, 07 11月 2024)
>> 続きを読む

YouTube ショートに新機能登場 (Wed, 16 Oct 2024)
>> 続きを読む

YouTube 縦動画について 動画を縦型動画・縦サイズにする方法 Youtubeショートの埋め込み 縦動画のこれから 他 (Wed, 02 Oct 2024)
>> 続きを読む

YouTubeショート はなぜ TikTok ほどバズらないのか (Tue, 01 Oct 2024)
>> 続きを読む

YouTubeショートは、スクエア(正方形)の動画も有効であるという話 (Tue, 01 Oct 2024)
>> 続きを読む

Youtubeショート字幕の出し方と注意点 (Tue, 01 Oct 2024)
>> 続きを読む

YouTube ショート 縦型動画をWEBに埋め込むときのサイズや縦横比の設定方法 (Tue, 01 Oct 2024)
>> 続きを読む

YouTubeショート:縦動画のビジネス利用シーン (Thu, 01 Aug 2024)
>> 続きを読む

YouTube ショート(縦動画)プロモーションのメリットとデメリット (Thu, 01 Aug 2024)
>> 続きを読む

ショート動画 縦動画 研究 Youtubeshorts TikTok インスタリール LINEVOOM (Thu, 01 Aug 2024)
>> 続きを読む

メルマガ発信中

kinochannel.jimdofree.com Blog Feed

2025年のWEB予想を立ててみました。 (土, 14 12月 2024)
>> 続きを読む

メルマガ登録お願いします デジタル経営やWEBプロモーション、マーケティングの情報は必見です (Fri, 13 Dec 2024)
>> 続きを読む

英語字幕(English Subtitles)のあるプライム・ビデオを探してみた(随時更新) (Wed, 04 Dec 2024)
>> 続きを読む

提案は「ターゲット」ではなく「誰のために」と考える (Tue, 19 Nov 2024)
>> 続きを読む

今さら聞けない[デジタルリテラシー]とは (Fri, 15 Nov 2024)
>> 続きを読む

社員がマーケティング志向になるための行動習慣化 (Wed, 13 Nov 2024)
>> 続きを読む

カメラAIマーケティングとは (Mon, 21 Oct 2024)
>> 続きを読む

イベントやまつりの主催者様へ 受付管理ツールを活用しイベントを効率的に運営しましょう (Sun, 20 Oct 2024)
>> 続きを読む

ビジネスマッチング主催者必見 日程調整ツールで効率化を図る理由とは?KINOCKビジネスキュレーションマガジンVol.36 (Fri, 18 Oct 2024)
>> 続きを読む

商談や面談で聞いてはいけないこととは? KINOCKビジネスキュレーションマガジンVol.35 (Thu, 17 Oct 2024)
>> 続きを読む