2019年8月30日 7:37 pm

WordPressにYoutube動画を埋め込む方法です。

とっても簡単です。

①投稿画面の「メディア追加」をクリック

 

②立ち上がった画面の「URLから挿入」をクリック

③Youtubeの埋め込みたい動画のページからURLをゲット

Youtubeの動画の下にある「共有」をクリック

URLを取得

※上にある「埋め込む」から取得するiframeで表示する方法もありますが、ここではひとまず簡単な方法で行きます。

上記赤枠のURLをコピー(これをワードプレスにペーストします。)

④WordPressの画面に戻って、URLをペースト

上記②のURLから挿入をクリックした後の画面のhttp;// とかいてある枠に上記③でコピーしたURLをペーストします。

ペーストする際に最初から入っているhttp://をそのままにしてその後ろにペーストするとおかしなことになるので、これは「http://」は消してからペーストしてください。

するとこんな感じになります。

⑤「投稿に挿入」をクリック

するとこんな感じ!入りましたね

こうなります…

なんてこった…て話ですよね。

テーマによっては大きすぎて飛び出てる人も多いんじゃないでしょうか?

そんな時は、投稿画面の「テキスト」をクリックしエディタをテキストにします。

そして、以下の文字列をどこかに入れてください。

とりあえずはどこでもいいです。動画の周辺にでも入れてください。

youtubeはiframeというタグで表示されます。 そのiframeの横幅は、そのYoutubeのある親要素の横幅の100%の大きさですよ。という記述です。 この100%を 50%などにして小さくすることも可能です。

<style type="text/css">
iframe {width:100%; height:auto;}
</style>

するとこうなります。はみ出ている動画が収まっていますね。

Categorised in: , ,