八百万の森

やおよろずのもり キャンプ☆DIY☆いろいろ

動画をYouTubeにup、はてなブログで埋め込みしてみた

ブログをココログはてなブログに移行したら、もともと使っていたDailymotionという動画サイトの動画がブログ内で埋込再生できない状態になっていました。

  • 日本で動画の配信ならYouTubeだろ!
  • Dailymotionは日本語化されたけどインターフェースがバラバラで使いにくい。
  • はてなブログで埋込再生する方法がYouTubeならすぐに出てくる。

 という思いが重なり、YouTubeに動画をupすることにしました。

まずはアカウントとなるGmailを持つこと。Gmailは持っているのですが、仕事用、私用連絡用とあって、それらに混ぜるのもなんだか嫌なので、動画用にもう一つ作ることにしました。

ブログに合わせたアカウント名にして分かりやすくなりました。

  1. Gmailでログイン
  2. 画面右上のタイルメニューからYouTubeを選択
  3. 「動画または投稿を作成」ボタンをクリック→動画をアップロードを選択

これだけでupできる状態になりました。

f:id:moriju:20200103131712j:plain

動画をDailymotionにupしたときのmp4形式の元ファイルがあったので、何も考えずに選択しました。

動画ファイルがサーバにupされるまでしばらく時間がかかります。その間に動画タイトルや説明を書いたりしました。(後で変更できます)

しばらくするとupも終わり、公開動画として完了させました。

このときリンク用URLが表示されますので、それをコピーしておきました。

これでYouTube側での作業は終了です。

この先は、はてなブログYouTube動画を埋め込む方法です。

私の作成した動画のひとつを例に方法を記録しておきます。

https://youtu.be/HEoLW3U_ILs

コピーしておいたリンク用URLはYouTubeのサイトを開いて動画再生するためのリンクです。

はてなブログに埋め込むには、朱色にしたhttps://youtu.be/xxxx のxxxx部分のいわゆる動画IDだけを使います。

例ではHEoLW3U lLsです。

これをはてな記法でHTML本文に挿入します。

https://www.youtube.com/watch?v=HEoLW3U_ILs:embed

再生したい動画を変えるには朱書き部分を、その動画のIDにするとOKです。

上手くいったら、次のようにブログ内でYouTubeを再生できるようになります。

このはてな記法を使う方法のほかに、編集サイドバーでYouTube貼り付けをONにして検索から動画を探して貼り付ける方法などもあります。