[Blogger]挿入したGIFアニメーションをMP4出力する

Twitterに久々にログインしたらHTMLメールに入ってたので

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjB4CVumG3Q2vcKLqq8LwnQMF2AuzCawFm5XUvUy1uXuAoLe4gyxwePODduQxc9IoWSo0tCQ9sV9O53pUvz652WNXfz3OPi8sC17kLMsmTfBo0fEFHXPc6AVClLN87x43FHeM_TnZZNfzxOKgw6LYDkpW6Udsu0PZBU00WqBLYGA8UpjL6uoOEDbz89wQ/s1600-rh/welcome_email1-1622676715486.gif

-rh のパラメータ追加でMP4で出力されます

MP4動画を埋め込むには <video> タグを使用します。

例

<video width="840" height="420" controls>
  <source src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjB4CVumG3Q2vcKLqq8LwnQMF2AuzCawFm5XUvUy1uXuAoLe4gyxwePODduQxc9IoWSo0tCQ9sV9O53pUvz652WNXfz3OPi8sC17kLMsmTfBo0fEFHXPc6AVClLN87x43FHeM_TnZZNfzxOKgw6LYDkpW6Udsu0PZBU00WqBLYGA8UpjL6uoOEDbz89wQ/s1600-rh/welcome_email1-1622676715486.gif" type="video/mp4">
</video>

あとは投稿からはみ出さないようにCSSを追加

video {
  max-width: 100%;
  height: auto;
}