はてなブログにYouTubeの動画を埋め込み(スマホアプリ&パソコンから貼り付けするやり方)
2021年8月6日更新
ブログサポート60の石黒です。
はてなブログにYouTubeの動画を埋め込み(貼り付け)したい!
こんな方に解決方法を提示します。
以下の2点の方法を解説します。
- Androidのスマホアプリからの埋め込み
- パソコンからの埋め込み
目次
はてなブログにYouTubeの動画を埋め込み(貼り付け)するやり方(スマホアプリとパソコン)
結論からいうと、はてなブログのスマホアプリからも、パソコンからもYouTubeの埋め込みはできます。
でも、パソコンからのほうが簡単にできます。
はてなブログのスマホアプリからだと、めんどくさいです。
【スマホアプリ】はてなブログにYouTubeアプリの動画を埋め込みのやり方
【動画解説】
【画像解説】
埋め込みしたいYouTubeの動画の「共有」ボタンを押します。
「コピー」ボタンを押します。
はてなブログのスマホアプリを起動します。
記事の編集画面にて、「リンク」ボタンを押して、先ほどコピーしたYouTubeのURLを貼り付けします。
[https://youtu.be/◯◯◯◯◯◯◯:title]
↓
[https://youtu.be/◯◯◯◯◯◯◯:embed]
title を embed に変更しないと、はてなブログに埋め込みができません。
これで完了です。
プレビューを押して、YouTube動画がはてなブログで表示されるか確認しましょう。
プレビューを押しても、YouTube動画がはてなブログに表示されないこともあります。
そのときは一回公開して表示されるか確認してみましょう。
【パソコン版】はてなブログにYouTubeの動画を埋め込み3つのやり方
「はてなブログにYouTubeの埋め込みするやり方(パソコン版)」を動画で見たいかたはこちら。
【1】はてなブログに直接URLを貼り付ける(パソコン版)
【2】はてなブログのサイドバーから検索して埋め込みをするやり方(パソコン版)
YouTubeボタンが追加されます。
「選択ウィンドウを開く」ボタンを押して、YouTube検索して埋め込みしたい動画を探します。
「選択」ボタンをおして、貼り付けができます。
【2】YouTubeのサイトからリンクの埋め込みするやり方(パソコン版)
YouTubeで埋め込みしたい動画の共有ボタンを押します。
コピーボタンを押して、URLをコピーしましょう。
はてなブログの記事を書く画面の「見たまま編集」にて、YouTubeのURLを貼り付けるだけで、「リンクを挿入」の埋め込み画面が開きます。
※注意→「 URLを貼り付けたときにこのウィンドウを開く」にはチェックを入れておかないと、リンク画面はひらきません。
その場合は、リンクボタンからYouTubeのURLを貼り付けましょう。
YouTube動画を途中から再生させたいときの埋め込みの方法
「動画が長い!だから、ここの場面からYou Tubeの動画を再生してもらいたい」というときがあると思います。
そのときは、途中から再生するYouTubeの埋め込みもできます。
「YouTube動画を途中から再生させたいときの、はてなブログの埋め込み」は、スマホからだとなかなか厳しいです。
パソコンからやりましょう。
YouTubeの埋め込みしたい動画の、再生したい時間で「一時停止」させます。
そして、共有ボタン→埋め込みボタンをおします。
「開始位置」にチェックを入れて、コピーします。
↑赤い枠の中の開始位置の時間は、手動でも時間を変更できます。
コピーしたコードを、はてなブログのHTML編集に貼り付けすれば、指定した開始位置からYouTube動画が再生されます。
はてなブログの定型文機能を使えば、HTML編集画面に行かずに、時間短縮してYouTube動画を貼ることができます。
はてなブログにYou Tube動画を貼り付けるメリット
メリット
- 滞在時間が伸びる
- 画像説明よりも動画のほうが分かりやすい場合には重宝する
- 画像だとたくさんスクロールしないといけないが、動画だとスクロールしないで済む
デメリット
- 表示速度が遅くなる
- 記事で読んだほうが早く解決することもある
- 音が出るから再生されない可能性がある
You TubeだけでなくGIF動画を埋め込みすることによって、分かりやすい記事を作ることができます。
こちらのはてなブログの設定の記事は、GIF動画を多様して分かりやすい記事になっています。
Google検索の順位も上がっています。
GIF動画作成にはgyazoを使っています。
今後のはてなブログ×YouTubeの可能性
写真だけでは分からないことは、はてなブログに動画を紹介したほうがいいことも多いです。
わたしもYouTubeをやっています。
たたみ方などのやり方系などは、動画のほうが簡単に伝わります。
動画の需要のほうが高いことは、動画を載せていきましょう。
そのほうが滞在時間も伸びて、Googleの検索上位にくる可能性も高くなります。
肌感覚ですが、感じます。
積極的に、YouTube動画を探して、はてなブログの記事に貼り付けていくのが、今後のトレンドになると思いますよ。
わたしも、実際に動画でわかりやすいことは、動画をわざわざ撮ってはてなブログに載せています。
いままでで、限定公開を含めて300本以上はYouTube動画に投稿しています。
「動画のほうががわかりやすい」「設定のやり方が分からなかったので、動画で助かった」と言われることもよくあります。
意外とYouTubeに動画をあげるのはとても簡単なので、試してみてください。
10分あれば、YouTubeに上げることもできてしまいます。
はてなブログへのYou Tube動画の貼り付けも簡単でしたよね?
ぜひ試してみてください。
【2020年8月30日追記】
わたしがこのブログに埋め込みしている「はてなブログのノウハウのYou Tube動画」は、Bandicamというソフトで作成しています。
はてなブログで作成した、「Bandicam(バンディカム)の使い方.com」にて、やり方が学べるようになっています。
わたしと同じように、ソフトの使い方や、自分を撮影したYou Tube撮影をして、はてなブログに埋め込みしたい方は、ぜひご覧ください。
まとめ(はてなブログにYouTubeの動画を埋め込みするやり方)
臨機応変にはてなブログのアプリと、パソコンからYouTube動画の貼り付けを使い分けてください。
2020年いまは、YouTubeの時代です。
YouTubeのほうがわかりやすいことは、YouTube動画を貼ったほうが、読者も喜びます。
YouTube動画がなければ、自分がつくるという意気込みも大切です。
この需要のある動画をつくるには、You Tubeを見ることが大事です。
You Tube Premiumに加入して、広告なしでたくさんの動画をみて学びましょう。
そして、はてなブログに埋め込みしましょう。
はてなブログのアクセスも伸びます。
そして、YouTubeの再生回数も伸びて、YouTubeの収益も伸びます。(YouTubeは、1000人のチャンネル登録がないと収益化できません)
You Tubeで、はてなブログの有益な情報を発信しています。
チャンネル登録をしておいていただけると、最新情報などの動画が届きやすくなります。
よろしくお願いいたします。


最新記事 by 石黒敬太 (全て見る)
- はてなブログにアクセスできない?原因と自分でできる対処法を初心者向けに解説 - 2025年4月9日
- 【はてなブログ】Microsoft Clarityの設置方法(ヒートマップ) - 2023年1月29日
- YouTubeでAmazonのアフィリエイト広告を貼る(もしもアフィリエイト) - 2021年12月30日