LoginSignup
1
2

More than 3 years have passed since last update.

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

Last updated at Posted at 2020-10-26

目的

データベースに動画を保存するとなると容量が大変そうなので、その解決策の一つとして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が再生された。
コードの詳細はこれから読んでいく。

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

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

以上

1
2
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
2