YouTube Button


Updated May 22, 2015

The YouTube button is used to search, view, and add YouTube videos to your posts. It has been updated to use the newer version 3 of the YouTube Developers API.

Adding YouTube Button

Find the YouTube Button in your “Icon Placeholder Container.”
yt3

Move the YouTube Button to the “Editor Rows”:
yt1-1

Searching YouTube and Inserting Videos

Select Posts/All Posts and Add New or Edit an old one:
yt4-1

Find the YouTube Button in your Editor Rows:
yt5-1

If you cannot find it, be sure to select the Toolbar Toggle Button.
yt5-2

In your search bar, find and select the video of your choice. The search bar will auto-populate the most popular suggested results as you type the query:
search_youtube

You can preview the video before you add it to your post!
preview_youtube

Options

The options will allow further customization over how the video is displayed on the final page. The more popular options include the ability to auto-start the video; removing the YouTube branding; or removing the related videos that display when the video playback is over.

youtube_options

More information regarding advanced options can be found on the YouTube Parameters Page.

Height: This parameter allows you to edit the height of the video player.
Width: This parameter allows you to edit the width of the video player.
autoplay: Default is OFF. Sets whether or not the initial video will autoplay when the player loads.
rel: Default is ON. This parameter indicates whether the player should show related videos when playback of the initial video ends.
modestbranding: This parameter lets you use a YouTube player that does not show a YouTube logo. Set the parameter value to ON to prevent the YouTube logo from displaying in the control bar. Note that a small YouTube text label will still display in the upper-right corner of a paused video when the user’s mouse pointer hovers over the player.
showinfo: The parameter’s default value is ON. If you set the parameter value to 0, then the player will not display information like the video title and uploader before the video starts playing.

If the player is loading a playlist, and you explicitly set the parameter value to 1, then, upon loading, the player will also display thumbnail images for the videos in the playlist. Note that this functionality is only supported for the AS3 player since that is the only player that can load a playlist.
theme: This parameter indicates whether the embedded player will display player controls (like a play button or volume control) within a dark or light control bar. Valid parameter values are dark and light, and, by default, the player will display player controls using the dark theme. See the YouTube API blog for more information about the dark and light themes.
fs: For the AS3 player, the default value is 1, which causes the fullscreen button to display. Setting this parameter to 0 prevents the fullscreen button from displaying.

In the AS2 player, the default value is 0. Setting the value to 1 enables the fullscreen button in the embedded player and does not affect the chromeless player. The fullscreen option will not work if you load the YouTube player into another SWF. Note that, for the AS2 player, you must include some extra arguments to your embed code for this to work. The bold text in the following example is required to enable fullscreen functionality:

<object width="560" height="315">
<param name="movie" value="https://youtube.googleapis.com/v/M7lc1UVf-VE?version=2&fs=1"</param>
<param name="allowFullScreen" value="true"></param>
<param name="allowScriptAccess" value="always"></param>
<embed src="https://youtube.googleapis.com/v/M7lc1UVf-VE?version=2&fs=1"
  type="application/x-shockwave-flash"
  allowfullscreen="true"
  allowscriptaccess="always"
  width="560" height="315">
</embed>
</object>
controls: Default is ON. This parameter indicates whether the video player controls will display. For IFrame embeds that load a Flash player, it also defines when the controls display in the player as well as when the player will load:

  • OFF – Player controls do not display in the player. For IFrame embeds, the Flash player loads immediately.
  • ON – Player controls display in the player. For IFrame embeds, the controls display immediately and the Flash player also loads immediately.

Modifying Existing Videos

In this new version; a previously inserted YouTube video can now be re-selected and edited. The selected options will be automatically populated back into the “Options” tab of the YouTube window.

No worrying about having to start over anymore!


Monica Rogers has written 5 articles

Customer service by day, wine connoisseur at night; I am a full-time support specialist at WP Edit Pro. "It's not about the destination... but rather, the journey."

Leave a Reply

Your email address will not be published. Required fields are marked *

ENTER CAPTCHA MATH *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>