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

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

カスタマイズオプション


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

Ted 埋め込みコード


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

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

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

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

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

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

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

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

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

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

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

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

レスポンシブ

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

アスペクト比

「アスペクト比」オプションは、埋め込まれたTedプレーヤーの形状を常に維持します。

幅と高さ

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

対応するTedのURL

  • https://ted.com/talks/<video-id>

  • https://www.ted.com/talks/<video-id>

  • https://embed.ted.com/talks/<video-id>