Skip to content

Adding Youtube with shortcode

USAGE

A new plugin has been added which easily embeds a youtube video using the youtube url of the video (e.g., http://www.youtube.com/watch?v=quwebVjAEJA).  

Simply navigate to the youtube video you wish to embed, copy the URL and paste it into your post or page.

Example

Example Code

https://www.youtube.com/watch?v=8qXnw84ERGU&width=500&height=350

Note: The above code must be on a line by itself in the text editor or it will not work.  Should a situation arise in which this code cannot be on a line by itself, the code must be inserted using the embed code. See below:

Example (take note that the width and height attributes have to go in the embed tag using this method): 

[button href="http://gsu.edu"]This is my button[/button][embed width="500" height="350"] https://www.youtube.com/watch?v=8qXnw84ERGU [/embed]


Options

The plug-in has several useful options (attributes) that can be used by adding them to the end of the URL with the '&' symbol, see the examples below: 

&width and &height 

Control the size of the embedded video on the page by adding these attributes. If omitted, the default width will be the width of your theme's content and the height will be calculated for you automatically. 

Example: https://www.youtube.com/watch?v=8qXnw84ERGU&width=500&height=350

&autoplay 

To have the video automatically play when the page loads, set this attribute to '1' .

Example: https://www.youtube.com/watch?v=8qXnw84ERGU&width=500&height=350&autoplay=1

&cc_load_policy 

Close captioning is available on many videos.  To turn closed captioning on, set this attribute to '1'. 

Example: https://www.youtube.com/watch?v=8qXnw84ERGU&width=500&height=350&autoplay=1&cc_load_policy=1

&loop 

The video can play repeatedly by setting this attribute to '1'. 

Example: http://www.youtube.com/watch?v=quwebVjAEJA&loop=1

&modestbranding 

To remove the YouTube logo from the player during play, set this attribute to '1'. 

Example: https://www.youtube.com/watch?v=8qXnw84ERGU&width=500&height=350&modestbranding=1

&rel

To avoid youtube displaying related videos after the the video ends, you can set this attribute to '0'.

Example: https://www.youtube.com/watch?v=8qXnw84ERGU&width=500&height=350&modestbranding=1&rel=0

&start and &end

Set the start and end times (in seconds) of the video with these attributes.  They can be used separately or together. 

Example: http://www.youtube.com/watch?v=quwebVjAEJA&width=500&height=350&start=20

 Example: http://www.youtube.com/watch?v=quwebVjAEJA&width=500&height=350&start=20&end=100


Learn more about the plugin and other attributes here: 
http://wordpress.org/plugins/youtube-embed-plus/.

Make your videos responsive


To make your videos respond to user resizing of windows or using mobile platforms, activate the Fluid Video Embeds plugin and wrap your videos in [fve][/fve] tags, e.g.


[fve]https://www.youtube.com/watch?v=8qXnw84ERGU0[/fve]




Feedback and Knowledge Base