WordPress.org

Ready to get started?Download WordPress

Plugin Directory

HTML5 Videos

Easily embed HTML5 videos from the Media Library into posts and pages.

I get an error when uploading my videos to the library Wordpress has a file upload size limit of 2-8MB by default on most hosts.  This will probably need to be increased if you are uploading longer (or HD) videos.  Instructions on manually increasing the upload limit will vary by host.  You should contact your host for instructions, if none of these options help you.

I only want to upload a few of the video formats HTML5 Videos will only embed what you tell it to embed.  If you don't have a .webm (.mp4, .ogv) video, then it will not let you choose to embed one.  Current browser support for the video formats can be found here.

I want to create my own shortcode The shortcode is generated automatically, but if you need to change anything, here is the shortcode format:

[video mp4 webm ogg poster width height preload autoplay setup]

The "video" element is required (that's what makes this work), but everything else is optional. The mp4, webm, ogg and poster elements will be fully-qualified paths to the appropriate resource on your server (ie: http://somedomain.com/wp-content/uploads/bigbunny.mp4). The preload should be set to "none", "metadata", or "auto". Alternatively, you can specify "true" for "auto" or "false" for "none" and the autoplay attribute should be either "autoplay" or should be omitted entirely. This is the way VideoJs requires these attributes to be set.

The "setup" attribute should be unchecked (or set to "manual") if you will be programmatically interacting with the videos after the DOM has loaded. For instance, if you are using the video in a modal that is created after the page loads, then set this value to "manual". See the VideoJs API documentation for instructions on how to interact with the video. Each video on the page has a unique ID. Inspect the page to get the ID for each video to be used in your API calls.

How do I control the video via javascript? By default, the plugin sets up the necessary javascript to make the player work. If you want to customize this (ie: you want to hide the video div on page load, and play the video in a popup modal sometime after page load), you must set the "setup" option to "Manual" (uncheck the "Automatically Setup Video" box), and then refer to the VideoJs API page for instructions on firing the video. Each video you embed into the page will have a random unique ID. You'll need to inspect the video element to get this ID. Then you can reference the video id's to play the video.

Requires: 2.0.1 or higher
Compatible up to: 3.5.2
Last Updated: 2013-1-4
Downloads: 8,408

Ratings

4 stars
4.3 out of 5 stars

Support

Got something to say? Need help?

Compatibility

+
=
Not enough data

0 people say it works.
0 people say it's broken.

100,2,2 100,3,3
100,3,3
67,3,2