はてなブログにYouTubeの動画を埋め込み(スマホアプリ&パソコンから貼り付けするやり方)


2021年8月6日更新

You Tubeのロゴにもじのせ

ブログサポート60の石黒です。

はてなブログにYouTubeの動画を埋め込み(貼り付け)したい!

こんな方に解決方法を提示します。

以下の2点の方法を解説します。

  1. Androidのスマホアプリからの埋め込み
  2. パソコンからの埋め込み

はてなブログにYouTubeの動画を埋め込み(貼り付け)するやり方(スマホアプリとパソコン)

結論からいうと、はてなブログのスマホアプリからも、パソコンからもYouTubeの埋め込みはできます。

でも、パソコンからのほうが簡単にできます。

はてなブログのスマホアプリからだと、めんどくさいです。

 

【スマホアプリ】はてなブログにYouTubeアプリの動画を埋め込みのやり方

【動画解説】

 

【画像解説】

埋め込みしたいYouTubeの動画の「共有」ボタンを押します。

You Tubeの共有ボタン

 

「コピー」ボタンを押します。

You Tubeのコピーボタン

 

はてなブログのスマホアプリを起動します。

記事の編集画面にて、「リンク」ボタンを押して、先ほどコピーしたYouTubeのURLを貼り付けします。

リンクボタンにURL入力画面

 

You Tube動画のURL

[https://youtu.be/◯◯◯◯◯◯◯:title]

[https://youtu.be/◯◯◯◯◯◯◯:embed]

title を embed に変更しないと、はてなブログに埋め込みができません。

You Tubeの動画貼り方。スマホアンドロイド

これで完了です。

 

プレビューを押して、YouTube動画がはてなブログで表示されるか確認しましょう。

You Tube埋め込みあと

プレビューを押しても、YouTube動画がはてなブログに表示されないこともあります。

そのときは一回公開して表示されるか確認してみましょう。

 

【パソコン版】はてなブログにYouTubeの動画を埋め込み3つのやり方

「はてなブログにYouTubeの埋め込みするやり方(パソコン版)」を動画で見たいかたはこちら。

【1】はてなブログに直接URLを貼り付ける(パソコン版)

Image from Gyazo

【2】はてなブログのサイドバーから検索して埋め込みをするやり方(パソコン版)

編集画面サイドバーのYou Tubeボタンタブに追加

 

YouTubeボタンが追加されます。
「選択ウィンドウを開く」ボタンを押して、YouTube検索して埋め込みしたい動画を探します。

編集画面サイドバーのYou Tubeボタンの使い方

「選択」ボタンをおして、貼り付けができます。

 

【2】YouTubeのサイトからリンクの埋め込みするやり方(パソコン版)

YouTubeで埋め込みしたい動画の共有ボタンを押します。

You Tube共有ボタン

 

コピーボタンを押して、URLをコピーしましょう。

You TubeのURLコピーボタン

 

はてなブログの記事を書く画面の「見たまま編集」にて、YouTubeのURLを貼り付けるだけで、「リンクを挿入」の埋め込み画面が開きます。

はてなブログのYou TubeURL貼り付け

 

※注意→「 URLを貼り付けたときにこのウィンドウを開く」にはチェックを入れておかないと、リンク画面はひらきません。

その場合は、リンクボタンからYouTubeのURLを貼り付けましょう。

編集画面のツールバー

 

YouTube動画を途中から再生させたいときの埋め込みの方法

「動画が長い!だから、ここの場面からYou Tubeの動画を再生してもらいたい」というときがあると思います。

そのときは、途中から再生するYouTubeの埋め込みもできます。

「YouTube動画を途中から再生させたいときの、はてなブログの埋め込み」は、スマホからだとなかなか厳しいです。

パソコンからやりましょう。

YouTubeの埋め込みしたい動画の、再生したい時間で「一時停止」させます。

そして、共有ボタン→埋め込みボタンをおします。

 

「開始位置」にチェックを入れて、コピーします。

You Tubeの埋め込み方法開始時間の調整

↑赤い枠の中の開始位置の時間は、手動でも時間を変更できます。

コピーしたコードを、はてなブログのHTML編集に貼り付けすれば、指定した開始位置からYouTube動画が再生されます。

はてなブログの定型文機能を使えば、HTML編集画面に行かずに、時間短縮してYouTube動画を貼ることができます。

 

はてなブログにYou Tube動画を貼り付けるメリット

メリット

  • 滞在時間が伸びる
  • 画像説明よりも動画のほうが分かりやすい場合には重宝する
  • 画像だとたくさんスクロールしないといけないが、動画だとスクロールしないで済む

デメリット

  • 表示速度が遅くなる
  • 記事で読んだほうが早く解決することもある
  • 音が出るから再生されない可能性がある

You TubeだけでなくGIF動画を埋め込みすることによって、分かりやすい記事を作ることができます。

こちらのはてなブログの設定の記事は、GIF動画を多様して分かりやすい記事になっています。


Google検索の順位も上がっています。

GIF動画作成にはgyazoを使っています。

 

今後のはてなブログ×YouTubeの可能性

石黒が作成したYou Tubeを検索してみた
写真だけでは分からないことは、はてなブログに動画を紹介したほうがいいことも多いです。

わたしも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で、はてなブログの有益な情報を発信しています。


チャンネル登録をしておいていただけると、最新情報などの動画が届きやすくなります。

よろしくお願いいたします。


The following two tabs change content below.
石黒敬太
「60日で稼げるブログの作り方」を伝授しているはてなブログの専門家。 複数のブログを運営している。 副業ブログセミナーを20回以上開催しており、受講生は約100名ほど。ラジオFMブルー湘南に出演し、ブログのノウハウを公開。はてなブログに関するKindle本を6冊執筆してベストセラーになっている。