YouTube - Advanced Formatting

The [wms_youtube] shortcode provides more control over a YouTube video’s size & style than WordPress’s automatic YouTube embedding option.

Comparison

1. YouTube with automatic embedding:

2. YouTube with [wms_youtube] shortcode:

Creating the shortcode

To use the shortcode builder interface, you will need to have the Williams Shortcode Builder plugin activated, and be using the visual editor.

To create the [wms_youtube] shortcode:

  1. Place your cursor in the visual editor where you’d like the video to appear
  2. Click on the “Shortcodes” button, located in the 2nd row of your visual editor’s toolbar (outlined in orange below). If you only see 1 row of tools, click on the kitchen sink (outlined in green below) to reveal the 2nd row.
  3. Hover over the “Embed External Content” menu to reveal its submenu, and select “YouTube”, outlined in red below.

sc-menu-wms_youtube

Fill out the form in the dialog popup box, shown below. Hovering over the input boxes will reveal hints, helping you fill out the form.

sc-dialog-wms_youtube

Clicking “OK” will insert the shortcode into the visual editor.

Editing the shortcode

In the editor (in both visual and text modes), the shortcode will look something like this:
[wms_youtube url="http://youtu.be/kr8nokDlpJY" width="100%" height="600"]

You can edit the shortcode attributes (the values inside the quotes above) directly, or you can delete the shortcode, and create a new one using the shortcode builder tool again.