MENU

ブログ記事にYouTube動画を表示する方法

アメブロ記事にYouTube動画を貼る方法についてご質問いただいたのでご紹介させていただきます。
WordPressブログにも埋め込みは可能なので、合わせてご紹介いたしますね。

目次

アメブロ記事にYouTube動画を表示する方法

1.アメブロの記事編集画面でYouTubeのアイコンをクリックします。

挿入したい YouTubeのURLを入力して『検索』をクリックします。

画像に alt 属性が指定されていません。ファイル名: アメブロ記事にYouTube動画挿入2.png

2.挿入したい動画をクリックすることで本文に挿入されます。

画像に alt 属性が指定されていません。ファイル名: アメブロ記事にYouTube動画挿入3-1024x437-1.png

スマホでアメブロ書くときに埋め込むためには、
下記のWordPressと同様の『埋め込みタグ』を取得し、ブログ編集画面の『HTML編集モード』で貼り付けするとできましたが、やってみたら少し手間だったので、パソコンで操作するのがオススメです。

スマホで埋め込みする場合は、
iphoneだとSafariでアメブロにアクセスしパソコンモードに切り替えたらパソコンの編集画面と同様に埋め込みできます。
埋め込みだけして、下書き保存。文章はスマホのアプリで追記すればできました。

WordPressのブログに埋め込むには?

1.埋め込みたいYouTube動画のページで、『共有』をクリックします。

画像に alt 属性が指定されていません。ファイル名: YouTube動画埋め込み-1024x334-1.png


2.『埋め込む』をクリックします。

画像に alt 属性が指定されていません。ファイル名: YouTube動画埋め込み2.png


3.コピーします。

画像に alt 属性が指定されていません。ファイル名: YouTube動画埋め込み3.png


4.コピーしたものを、「カスタムHTML」に貼ります。

ブロックエディタの場合は、YouTubeアイコンから簡単に埋め込むこともできます。
この場合は、埋め込みソースではなくYouTubeのURLで大丈夫です。

画像に alt 属性が指定されていません。ファイル名: 422db824e4f684d93280e69aaf392e48-1024x261.png

クラシックエディタを利用している場合は、
「ツール→ソースコード」に埋め込みソースを貼り付けすれば埋め込みできます。


以上、ブログにYouTube動画を埋め込みする方法についてでした!

この記事が気に入ったら
いいねしてね!

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!
目次