はてなブログに動画を載せるにはYouTubeやVimeoにアップロードしてリンクURLを取得して貼り付けていました。しかし簡単な説明するだけの動画なのに仰々しくみえるのでiOSアプリのGIFトースターを使ってgifに加工して直接はてなブログに張ったりもしました。
画像注釈ソフトのScreenpressoで参考にしたkanaxx (id:kanaxx43)さんのサイトで動画や画像を保存できるストレージサービスのCloudinaryがあることを知りました。kanaxxさんの記事はこちら→はてなブログで動画を使いたい！動画プレーヤーの埋め込み方法を教えます - ((７回目の出直し🌼)) Cloudinaryはここで無料で手に入ります。使い方はkanaxxさんの記事で分かりやすく紹介されています。まずは動画をCloudinaryにアップロードしてリンクURLをコピーします。そのURLをブログの本文に動画プレーヤーとして埋め込みます。 動画プレーヤーのHTMLの書き方もkanaxxさんの記事を参考にしました。動画を表示するHTMLは以下のとおりです。Cloudinaryで取得したURLと入れ替えればブログに動画が投稿できます。
<video controls style="max-width:50%"poster="https://res.cloudinary.com/tomikun/video/upload/w_700,so_1/v16420404/test_wk3si0.png"><source type="video/mp4"src="https://res.cloudinary.com/tomikun/video/upload/w_700/v16420404/test_wk3si0.mp4"><source type="video/webm" src="https://res.cloudinary.com/tomikun/video/upload/w_700/v16420404/test_wk3si0.webm"></video>
