Giphy 埋め込みコードジェネレーター

Giphy動画のレスポンシブiframeをウェブサイトに追加する無料ツール。

カスタマイズオプション


  • Giphy URL
  • サイズ設定
  • レスポンシブ
  • アスペクト比
  • 幅 (px)
  • 高さ (px)

Giphy 埋め込みコード


このツールでGiphy動画を埋め込む方法

URL入力のスクリーンショット

Giphyの動画リンクを貼り付ける

左カラム上部のURLフィールドにGiphyの動画リンクを貼り付けてください。

カスタマイズオプションのスクリーンショット

Giphyプレーヤーのオプションを設定

Giphyプレーヤーはレスポンシブ、アスペクト比など多くのカスタマイズオプションに対応しています!

コピーボタンのスクリーンショット

生成されたHTMLコードをコピー

Giphy動画の埋め込みHTMLコードをコピーしましょう!WordPressサイト、PowerPointプレゼンテーション、メールなどでご利用いただけます。

Giphy埋め込みジェネレーターの対応オプション

Giphyの埋め込みオプションの説明です。以下のオプションを使用して、ウェブサイトに埋め込むGiphyのHTML iframeコードを改善しましょう。

レスポンシブ

「レスポンシブ」オプションは、Giphyの埋め込みGIFや動画をウェブサイトやHTMLコンテナの幅いっぱいに拡大します。

幅と高さ

レスポンシブオプションがオフの場合にのみ表示されます。 埋め込みGiphyプレーヤーの幅と高さを手動で設定できます。 アスペクト比オプションが設定されている場合、高さは幅に基づいて自動的に再計算されます。

対応するGiphyのURL

  • https://giphy.com/embed/<gif-id>

  • https://giphy.com/stickers/<gif-id>

  • https://giphy.com/gifs/<gif-id>

  • https://www.giphy.com/embed/<gif-id>

  • https://www.giphy.com/stickers/<gif-id>

  • https://www.giphy.com/gifs/<gif-id>