How to Customize Your YouTube Embed Playlist

Share your playlists to let others can enjoy your favorite videos.

Keeping site visitors informed and entertained can be difficult unless you have a supply of quality content. Help videos, for example, can add expert content to instructional sites. Music videos, on the other hand, may keep Internet surfers coming back for more. By tapping into the vast supply of free YouTube videos inside your YouTube playlists, you can customize those playlists, embed them on your website and share them with the world.

Instructions

Generate HTML Code

1. Visit YouTube and log onto your account.

2. Locate the link that displays your user name in the upper right corner of the page. This link functions like a toggle switch.

3. Click the link until you see the section labeled "My Playlists" at the top of the screen. Thumbnail images of your playlists appear in that section.

4. Click the "View Details" link beneath the playlist you wish to embed on your website. An "Embed" button appears on the left side of the page.

5. Click that button to display a text box containing HTML code. Click the text in that text box to select it.

6. Press "Ctrl" and "C" to copy the text.

Embed and Customize

1. Open Notepad or the HTML editor you use to manage your Web page documents.

2. Locate the document's "body" tag, and paste the code you copied inside that section.

3. The code you paste looks similar to that shown below.

   <object width="480" height="385"><param name="movie"

   value="http://www.youtube.com/p/91828829281182912?hl=en_US&fs=1">

   </param><param name="allowFullScreen" value="true">

   </param><param name="allowscriptaccess" value="always">

   </param><embed src="http://www.youtube.com/p/7FD983A7C3AD93B4?hl=en_US&fs=1"

   type="application/x-shockwave-flash" width="480" height="385" allowscriptaccess="always"

   allowfullscreen="true">

   </embed></object>

   This code embeds a Flash player in your page. That player links to the Flash object that contains your playlist.

4. Locate the "width" and "height" properties in the code. In the example shown in the previous step, the width values are 480 and the height values are 385. These values are in pixels.

5. Change those values to anything you like. For instance, if you would like to double the size of your embedded player, double the values.

6. Locate the "allowFullScreen" properties. The values for those properties are "true" in this example. When you set them to "true," site visitors can click a button to view the player in full screen mode. To prevent them from doing that, change the "true" values to "false."

7. Save the document and open it in your browser. The Flash player appears. Its size matches the dimensions you set in the HTML code. Click the "Play" button to begin playing the videos in the playlist.

Tips & Warnings

• Ttwo pairs of height and width dimensions appear in the HTML code. Be sure to change all four values when adjusting player dimensions.

• View your embedded playlist in a browser before uploading it to your Web server. If you make the Flash player too large, it may not fit on the Web page.

References

• Google YouTube Help: Playlist
• Google YouTube Help: How Do I Embed Playlists on My Website or Blog?

Resources

• Google YouTube Help: Help