Gyazoのgifをブラウザで再生する

目的

データベースに動画を保存するとなると容量が大変そうなので、その解決策の一つとしてgyazoのgifのurlをDBに保存して表示するだけで再生できるようにできないかと思い調べた。

方法

https://qiita.com/Kobutorina_hato/items/d28d4cc90096e058566d
この記事の通り、マークダウン に

![demo](https://gyazo.com/xxxxxxxxxxxxx/raw)

と記述すると再生されることがわかった。
この時、URLの後に/rawを書くことを忘れない。

Railsのアプリ内で実現したい

これをマークダウン ではなく、HTMLで記述する必要がある。
以下のサイトでマークダウンをHTMLファイルに変換した。
それをVScodeでhtmlファイルとして保存、chrome上に表示したところgifが再生された。
コードの詳細はこれから読んでいく。

追記
以下の１行を書くだけで再生されました。

html

<img src="https://gyazo.com/hogehoge..../raw">

以上