YouTube Embedded Player Configurator

Configure the settings of the YouTube iframe player interactively easily.

Video URL

Please put in the url of your desired video.

Options

Please pick your desired options for the player.

Autoplay

Automatically start to play when the player loads.

Show Controls

Displays the video player controls.

Fullscreen allowed

Show the fullscreen button in the player.

Loop

Repeat the video/playlist again and again.

Show Related

When turned off, suggested videos will come from the same channel as the current video.

Disable Keyboard

Disables the player from responding to keyboard controls.

Enable JavaScript API

Enable the player to be controlled via iframe player API calls.

Plays Inline

Play videos inline or fullscreen on iOS.

YouTube No-Cookie

Use the nocookie version of the YouTube embed.

Pick Embedded Format

Copy and paste the code below into your project. Adjust the width and height as needed.

<iframe src="https://www.youtube.com/embed/5zicG4rPGSo" width="1280" height="720"></iframe>

YouTube Embedded Player

You can embed a YouTube video on your own website, in Markdown documents, and in many more places. The YouTube iframe player is a standalone component that you can easily integrate into your projects.

List of Player Parameters

There are lots of options that you can set for the YouTube embedded player. Here is a list of the available parameters.

Autoplay (autoplay)

Automatically start to play when the player loads. (default: false)

Show Controls (controls)

Displays the video player controls. (default: true)

Fullscreen allowed (fs)

Show the fullscreen button in the player. (default: true)

Loop (loop)

Repeat the video/playlist again and again. (default: false)

Show Related (rel)

When turned off, suggested videos will come from the same channel as the current video. (default: true)

Disable Keyboard (disablekb)

Disables the player from responding to keyboard controls. (default: false)

Enable JavaScript API (enablejsapi)

Enable the player to be controlled via iframe player API calls. (default: false)

Plays Inline (playsinline)

Play videos inline or fullscreen on iOS. (default: false)

The official YouTube iframe player documentation is available here: https://developers.google.com/youtube/player_parameters

JavaScript API

You can control the player by using JavaScript code, for example to play, pause, or stop the video. You can also listen for events like video ended, video buffering and such. This is heavily utilized by GroupTube to support synchronized playback.

player = YouTubePlayer(playerElem, {
   videoId: "5zicG4rPGSo",
   host: undefined, // "https://www.youtube-nocookie.com",
   width: "100%",
   height: "100%",
   playerVars: {
       rel: 0,
       controls: 1,
       playsinline: 1,
       modestbranding: 1,
   },
})

// Set up end event listeners
player.on("stateChange", (event: { data: PlayerStates }) => {
   if (event.data === PlayerStates.ENDED) {
       showEnding = true
   }
})

The official YouTube player API documentation is available here: https://developers.google.com/youtube/iframe_api_reference

GroupTube

GroupTube uses this player itself, to offer the best possible experience when watching YouTube videos together. We use the JavaScript API to listen for user events and give the player instructions, to synchronize playback. Give it a try!

We have built this tool to make configuration of the YouTube player easier and more intuitive. Use it for free and share it if you like it!

Meet, Watch, Play Together with Friends

Watch YouTube videos together with your friends.

It's free! ⋅ No login required.