#Html code to create iframe how to#

You can configure your embedded player to load a video, a playlist, or a user's uploaded videos. YouTube player after the API code downloads. Replace the 'ytplayer' element with an and Var firstScriptTag = document.getElementsByTagName('script') į(tag, firstScriptTag) Var tag = document.createElement('script') Load the IFrame Player API code asynchronously.

This code does not define any player parameters and also does not define other event handlers. The onYouTubePlayerAPIReady() function specified here is called automatically when the IFrame Player API code has loaded. The HTML and JavaScript code below shows a simple example that inserts a YouTube player into the page element that has an id value of ytplayer. Within that object, the playerVars property identifies player parameters. The second parameter in the constructor for the video player is an object that specifies player options. Since the URL sets the autoplay parameter to 1, the video would play automatically once the player has loaded.Įmbed a player using the IFrame Player APIįollow the IFrame Player API instructions to insert a video player in your web page or application after the Player API's JavaScript code has loaded. The tag below would load a 640x360px player that would play the YouTube video M7lc1UVf-VE. The URL has the following format: VIDEO_ID If you create the element yourself (rather than using the IFrame Player API to create it), you can append player parameters directly to the end of the URL. The tag's height and width parameters specify the dimensions of the player. Embed a player using an tagĭefine an tag in your application in which the src URL specifies the content that the player will load as well as any other player parameters you want to set.

#Html code to create iframe how to#

The following section explains how to configure your player to load a playlist or a user's uploaded videos. Note that the instructions below demonstrate how to embed a player that loads a single video. You can use any of the following methods to embed a YouTube player in your application and specify player parameters.

We recommend 16:9 players be at least 480 pixels wide and 270 pixels tall. If the player displays controls, it must be large enough to fully display the controls without shrinking the viewport below the minimum size. Note: Embedded players must have a viewport that is at least 200px by 200px. Each parameter definition identifies the players that support the corresponding parameter. This page currently defines all parameters supported in any YouTube embedded player. You can also use the enablejsapi parameter to enable the player to be controlled via the IFrame Player API. For example, you can automatically play videos using the autoplay parameter or cause a video to play repeatedly using the loop parameter. This document explains how to embed a YouTube player in your application and also defines the parameters that are available in the YouTube embedded player.īy appending parameters to the IFrame URL, you can customize the playback experience in your application.