Twitch Video Link allows you to embed a live stream or VOD in your web page with one simple iframe. You can also embed the same player and Chat for both live content and Clips, and you can even include the follow, subscribe, and login functionality. You can use Twitch Video Link with a variety of platforms and browsers, including desktop, mobile, and social networks.
To use Twitch Video Link, you need access to a public channel, stream, or Clip. Find your link via the desktop site or mobile app, then select the share icon in the upper right corner of the Clip to copy the link. You can also find your link by opening the Clip and selecting the purple Copy button in the lower right corner.
You can specify several query parameters to get a list of videos to embed. The default list returns the broadcaster’s archived videos, highlights, and uploads. To limit the number of results, you can filter the list using a date or duration range. If you’re looking for a specific video, you can specify the ID of the video you want. You can also use the first, after, or before query parameters to change the order in which the video list is returned.
The language query parameter filters the video selection by the broadcaster’s stream language. You can use the ISO 639-1 two-letter code for the language (for example, DE). For a list of available languages, see Supported Stream Language.
Using the video_quality query parameter lets you set a quality for the embedded video. The supported quality values are 480p, 720p, and 1080p. The higher the quality, the larger the video file will be. If you’re using a small screen, you may want to choose a smaller quality to save bandwidth.
The captions query parameter enables or disables display of Closed Captions in the embedded player. If this attribute is not specified, captions are not displayed. The embed_captions event will be emitted for each new batch of captions, in sync with the corresponding video content. To listen to this event, call addEventListener(event:String, callback:Function).