Video Camera

Native video/audio – My favourite WordPress 3.6 feature

| 3 Comments

Without a doubt, since the expulsion of the Post Formats UI from WordPress 3.6, my favourite feature is native video and audio support.

Clients have often asked me how best to include video on their sites, but WordPress has always been a bit clunky with video. You could upload the video file to your WordPress site, but it would only provide a link to the file, which would then be played in the browser (not embedded in your site).

Your alternative was to use a video hosting site like YouTube or Vimeo, for which there is shortcode support (via Jetpack) and oEmbed support.

Beyond that, you could always use a plugin to provide embedded video on your site, but there was never a clear-cut best option, and I for one had a hard time picking and choosing the best one at any given time.

Native audio and support

Now, with the release of WordPress 3.6, you finally have a stable, reliable choice. Using MediaElements.js under the hood, you can embed audio and video directly on your site and it includes cross-browser and cross-format compatibility, so your video will be viewable by the vast majority of users.

MediaElements.js cross-browser compatibility

So, you can now use most file formats to display video on nearly any device/browser within WordPress. That’s pretty sweet, and there’s no longer a need to go in search of a plugin or a third-party service to embed video in your WordPress site. As you can see from the chart above, your best bet is to use WebM + h.264 for the best cross-browser compatibility.

To demonstrate how it works, I embedded a video of my beautiful daughter below.

Categories: The Basics | Permalink

What next?

Hire me

If you couldn't quite manage this yourself, find it too intimidating, or just don't have the time to do it, you can always hire Dave to do it. Please get in touch so that we can discuss your needs.

Leave a comment

If you have a question, update, or comment about the tutorial, please leave a comment. I try and respond to every comment, though it may take a few days, so please check back soon.

Let a WordPress Expert help you

Do you want to try this, but feel like you need a helping hand, in case something goes wrong? My service, The WP Butler, gives you access to WordPress expertise whenever you need it. Better yet, I'll keep your site backed up, updated and secure, so that you don't have to worry about it. It's all part of the service. Use coupon DIWW and save 15% on all plans.

Visit The WP Butler

Author:

Dave has been tinkering with WordPress for many years, and he now shares his WordPress knowledge here on Do It WIth WordPress to help others realise its impressive power. He can also be hired to help with your WordPress needs. Dave, who is British, is married to his best friend, Marti, with whom he has a beautiful daughter, Ellie. When he's not dabbling with WordPress, he's probably eating Triscuits or hummus, watching an indie film or British TV show, spending time with friends or family, or exploring the world.

3 Comments

  1. Hey Dave – is your “what next” box a plugin or created by you? Any info would be great!

    Thanks

Leave a Reply