ナガサイブログにyoutubeを貼り付ける(埋め込み)方法は?スマホサイズへの対応もツイートシェアはてブGoogle+Pocketどうもナガサイです。ワードプレスでブログを書いていくときにyoutubeの動画を埋め込みたい時はないですか?ブログにyoutubeの動画を埋め込むだけで滞在時間も増えるしメリットが大きいです。スマホサイズで動画を埋め込む方法も紹介しますね。スマホでも動画を綺麗に表示したい時の方法ワードプレスブログにyoutube動画を貼り付ける方法まずはブログに貼り付けたい動画をyoutubeから探します。記事中に埋め込みたい動画が見つかったら動画の下にある共有ボタンをクリック!共有をクリックしたら「埋め込みコード」をクリックします。すると動画の埋め込み用コードが出てきますのでコピーします。コードをコピーしたら記事を開いて貼り付けます。ワードプレスで記事を書く場合、ほとんどの人がビジュアルモードで書くと思いますが、この状態で動画の埋め込みコードを貼り付けると下の画像の様になります。ビジュアルモードのまま貼り付けると動画が表示されないんですよね。コードを貼り付ける時だけテキストモードに切り替えます。テキストモードに切り替えると「ビジュアルモード」の時に空白の行だった場所が&nbsp;と表示されます。これは消さない様に注意してください。消してしまうと空白の行がなくなってしまいます。プレビューを確認します。この様にテキストモードで貼り付けると動画が表示される様になります。先ほど動画を埋め込んだ記事をスマホで表示してみましょう。スマホのスクリーンショットで撮ってみたんですが、youtubeの動画が半分切れています。スマホ対応になっていない状態ですね。ここ最近ではスマホからのユーザーが多いのでここは直しておきましょう。動画の埋め込みコードを貼る位置に下のコードを貼ります。m30-b”></div>コードの使い方はこんな感じです。この状態でスマホを確認してみましょう!スマホの画面内にyoutubeが収まりました。これでばっちりですね。コメントをキャンセルメールアドレスが公開されることはありません。コメントデータの処理方法の詳細はこちらをご覧ください。RECOMMENDこちらの記事も人気です。