Twitch 嵌入代码生成器

免费工具，为您的网站添加 Twitch 视频响应式 iframe。

自定义选项

  • Twitch 链接

  • 支持视频、频道、聊天、片段和合集

  • 您的网站 URL

  • 您将添加此嵌入代码的网站，也称为「父级」网站

  • 尺寸设置
  • 响应式
  • 宽高比
  • 宽度（像素）
  • 高度（像素）
  • 视频设置
  • 自动播放视频
  • 静音
  • 起始时间

Twitch 嵌入代码

如何使用此工具嵌入 Twitch 视频？

链接输入截图

粘贴 Twitch 视频链接

在左侧列顶部的链接字段中粘贴 Twitch 视频链接。

自定义选项截图

设置自定义 Twitch 播放器选项

Twitch 播放器支持 直播流、片段、直播频道、聊天、视频、合集 等多种自定义选项！

复制按钮截图

复制生成的 HTML 代码

复制生成的含 Twitch 视频的 HTML 嵌入代码！可用于您的 WordPress 网站、PowerPoint 演示文稿或电子邮件中。

支持的 Twitch 嵌入生成器选项

所有支持的 Twitch 嵌入选项说明。使用以下选项改进嵌入到您网站上的 Twitch HTML iframe 代码。

响应式

「响应式」选项可将 Twitch 嵌入视频拉伸至网站或 HTML 容器的全宽。

宽高比

「宽高比」选项始终保持 Twitch 嵌入式播放器的形状比例。

宽度和高度

仅在响应式选项关闭时显示。 手动自定义 Twitch 嵌入式播放器的宽度和高度。 启用宽高比选项后，高度将根据宽度自动重新计算。

您的网站 URL（父级网站）

每个 Twitch 嵌入直播流或视频都需要设置「父级」网站选项。例如，如果您想将 Twitch 嵌入代码粘贴到「example.com」网站，则将「父级」选项设置为「https://example.com」。

自动播放视频

「自动播放视频」选项指定 Twitch 嵌入视频是否在 Twitch 播放器加载时自动开始播放。

静音

将 Twitch 嵌入直播流或视频设为静音。

起始时间

「起始时间」选项可使 Twitch 嵌入视频从指定时间开始播放。

显示聊天

显示当前 Twitch 用户的直播流嵌入式 Twitch 聊天。此选项仅在您在「Twitch URL」选项中粘贴 Twitch 账号时才会出现。

Twitch iframe 嵌入选项基于 https://dev.twitch.tv/docs/embed

支持的 Twitch 链接

视频链接

  • https://twitch.tv/videos/<video-id>

  • https://twitch.tv/<channel-name>/video/<video-id>

  • https://www.twitch.tv/videos/<video-id>

  • https://www.twitch.tv/<channel-name>/video/<video-id>

合集链接

  • https://twitch.tv/collections/<collection-id>

  • https://twitch.tv/<channel-name>/collection/<collection-id>

  • https://www.twitch.tv/collections/<collection-id>

  • https://www.twitch.tv/<channel-name>/collection/<collection-id>

剪辑链接

  • https://twitch.tv/<channel-name>/clip/<clip-id>

  • https://www.twitch.tv/<channel-name>/clip/<clip-id>

频道链接

  • https://twitch.tv/<channel-name>

  • https://www.twitch.tv/<channel-name>