はてなブログにサムネイル付きYouTubeショート動画を貼る方法
この記事には広告を含む場合があり、記事内で紹介する商品を購入すると当サイトに売り上げの一部が還元されることがあります。
例えば以下のようなものはアフィリエイト収入を得ています。
- 広告リンクテキスト・広告バナー
- 商品リンク（一部紹介リンクじゃないものもありますが基本的に紹介リンクだと思っていただいたほうが安心です。）
- リンクテキストや画像リンクをコピーして、アドレス欄に貼り付けた時に「https://px.a8.net/」や「https://ck.jp.ap.valuecommerce.com/」、などASPのURLが含まれるリンク
- リンクに「affiliate」などのアフィリエイトリンク
など。
また、企業様より報酬を受け取っての記事の場合は、記事の冒頭に「マーケティング主体の名称」と「関係性の内容」、「PR」や「提供」を明記しておりますので安心してご覧いただけます。
問題のある表現がありましたら、お問い合わせまでご連絡ください。
はてなブログにYouTubeショート動画のリンクを埋め込み形式にすると以下のようにサムネイルが表示されない状態で貼り付けられてしまう。
リンクをクリックすればショート動画は観れるのだが、いちいちYouTubeへページ遷移してしまいこれでは埋め込みの意味がない。
PCだったらショート動画を右クリックして「埋め込みコードをコピー」でコードをHTML形式で貼り付ければ埋め込めるらしいんだけどスマホではこの方法できない（ChromeアプリでYouTubeをPCモードで開けばできなくもないらしいがめんどくさそう）。
僕が考えた方法は、
シェアボタンでコピーしたYouTubeショート動画のURL
「https://youtube.com/shorts/動画ID」
の動画IDをコピーして、
「https://www.youtube.com/watch?v=動画ID」
の動画IDに先ほどコピーした動画IDを貼り付け、URLを丸ごとはてなブログの編集画面に貼り付けるだけ。
これでYouTubeショート動画でも記事にサムネイル付きで埋め込むことができる。
ただ、この方法だとショート動画扱いにならずサイズも微妙・・・。
「埋め込みコードをコピー」だと上記のようにショート動画サイズのまま埋め込めるんだけど・・・。
はてなブログさん、YouTubeショート動画の埋め込みも標準実装してください。
