elementorにショート動画を入れる

【1分でできる】Elementorでショート動画をいい感じに埋め込むカンタンな方法

2025-09-26
2025-09-26
Picture of 前田 あゆみ
前田 あゆみ
目次

動画といえば横長のものが多いですが、ショート動画も主流になってきていますよね。

先日サイトページにショート動画を埋め込みたいという依頼があったので、今日は「Elementorでショート動画をいい感じに埋め込む方法」を解説していきます!

動画ウィジットを入れる

ともかく動画なので、「動画ウィジット」を入れましょう。
基本のところに入ってます。

elementorに動画ウィジットを埋め込む

動画URLを挿入

YouTubeで埋め込みたい動画を開いて、shareボタンからURLをコピーしましょう!

youtubeでリンクをコピーする

で、ここにペーストします。

elementorの動画ウィジットにリンクを貼り付け

ここまでは問題ないですね!!

動画の比率を変えよう

実際に私が一度だけ挙げてみたショート動画のURLを貼ると…
表示はされてますが、横長になってますね!!

elementorの動画ウィジットでショート動画は表示できたけど横長になってる

これ、動画部分だけ、縦長の動画として埋め込みたいですよね。

できます!!

スタイルから 縦横比を「9:16」に変更するだけ!

elementorの動画ウィジットで、動画の比率を変える

微調整していく

比率を変えたら縦長になったけど、コンテンツ幅フルフルでどデカく表示されちゃってます。
(ちなみにYouTubeのアカウント名変えたいけどなぜか変えられない…)

elementorで動画が全幅で表示されてる

ここで、動画ウィジットの高度な設定から、幅を「カスタム」にしましょう。
ここでお好みの値で調整してください!

デスクトップだと35%くらいがみやすいかも。

elementorの動画ウィジットの幅を変える

これは幅35%にして複製してみました↓
こんな感じでショート動画をギャラリーっぽくショーケースできるので、何かに使えそう!

elementorのページでショート動画が並んで埋め込まれている

まとめ

本日の大事なポイントはこんな感じでした!

  • 動画ウィジットの比率を9:16にする
  • 動画ウィジットの幅を調整する

動画の比率を変えれること、知らない方もいるんじゃないでしょうか?
私は知らなかったです笑

ぜひ活用してイマドキなサイトを作ってみてください!

では本日もお疲れ様でした〜

気軽にコメントしてくださいね。

このサイトは reCAPTCHA によって保護されており、Google のプライバシーポリシー および 利用規約 に適用されます。

reCaptcha の認証期間が終了しました。ページを再読み込みしてください。

この記事をみんなにシェアしよう!!
Share!