To make adding a new video player simple, we’ll use Shortcodes. These small pieces of code act as shortcuts for more advanced functions. In the editor toolbar you’ll find this icon which you use to insert custom shortcodes.
Once you click the icon, you will be presented with a list of shortcodes. If you click the “video” shortcode, it will present you with a list of parameters you must specify. The values I used for my example are in brackets after each item name.
- Width:  This is the width of the video player in pixels. (This is generally the correct value for any video.)
- Height:  This is the height of the video player in pixels. (This is generally the correct value for any video.)
- Vid:  This is the ID for the video on vimeo.com. This number is located in the URL when you watch the video.
- Fade:  This is the amount of time in seconds it takes for the image to fade in and out.
- Image: [http://i.imgur.com/KgqycQt.jpg] This is the location (URL) of the image used as a thumbnail. To find this, click “Add Media” (in the upper left corner of the editor) and select the image. Then find the URL field on the right sidebar.
- DelayIn:  This is the delay in seconds before the video starts playing. This timer starts at the same time as the fade timer, so it should normally be at least as long as the fade value.
- DelayOut:  This is the delay in seconds before the video pauses and the image begins to fade back in.
NOTE: It’s important to write these values down before you start building your shortcode, as you won’t be able to stop half way through entering data to go find information. Try pasting the information into a text document before starting.
This one uses values in brackets above ( width:640, height:360, vid:109169719, etc. )
This one is twice the size, waits 2 seconds before playing (DelayIn), and waits 1/2 second before pausing and revealing the image (DelayOut).