Video Shortcode

Display HTML5 video in your pages and posts

NOTE: There are 3 different "paths" for HTML5 video because different browsers (Firefox, Chrome, Safari) use different video formats.

Shortcode:

Attributes:

id
This is the "name" of the video. It is used as an identifier if you have multiple videos on the same page. Use any string for this value (e.g. "myVideo") but each one needs to be unique

mp4path
Should have the value of the path to an mp4 video somewhere either on your server or elsewhere on the Internet.

webmpath
Should have the value of the path to a webm video somewhere either on your server or elsewhere on the Internet.

oggpath
Should have the value of the path to an ogg video somewhere either on your server or elsewhere on the Internet.

width
Sets the width of the video

height
Sets the height of the video

previewimage
Sets the path to a preview image that you want to overlay overtop of the video area. If not set, the video area will appear blank before the user decided to play the video

Examples:

The following will display HTML5 video...

Back to Shortcodes »