Download the 60+ page eBook on WordPress SEO along with bonuses.

The Easy Guide To Using Video With WordPress

Did you know that online users spend 88% more time on websites with video content? 

If you have a WordPress blog or are a WordPress developer, this is great news because now you can add a video to your website to increase customer engagement.

Videos are everywhere for the simple reason that users are more likely to engage with video content. Data indicates 54% of Americans want to watch more video content. Furthermore, 8 out of 10 people have bought software or apps after watching videos. You can easily create videos nowadays using any ​​video maker online.

You might already know the benefits of video content, and you may have excellent ideas for videos that will appeal to your audience, but you’re not sure how to work with video in WordPress.

 Do not worry. We’ll teach you everything you need to know to start using video on your WordPress blog. 

Upon reading this article, you will understand which video sizes work with WordPress, upload videos that don’t take much bandwidth space and make your websites responsive on various devices.

Let’s start.

Which file type does WordPress support?

WordPress supports these basic video file types.

  • MP4
  • .M4V
  • .MOV
  • .WMV
  • .AVI
  • .MPG
  • .OGV
  • .3GP
  • .3G2

Now it’s improbable that you will use any video file which is not among these support ones. So it’s best not to use a file type that WordPress does not accept. 

What are the video settings you need to use?

In the case of hosting service, you should follow the setting recommendations, but if you are self-hosting, you need to strike a balance between quality and file size. Having a higher quality video will result in your website being slower as it takes up more bandwidth.

If you’re not sure, these video settings are an excellent place to start.

  • Format: MP4
  • Video
    • Codec: H264 (High profile)
    • Frame Rate: 24, 25, or 30 (Constant)
    • Frame Size / Resolution: 1280 x 720 (720p)
    • Fields: Progressive
    • Bitrate: 5,000 – 10,000 kbit/s
  • Audio
    • Code: AAC-LC
    • Bitrate: 320 kbit/s
    • Sample Rate: 44.100 OR 48,000 kHz (retain original sample rate)

When you increase the frame size or bitrate, the file size will increase. So for smooth and faster website loading, you should aim to keep the bitrate closer to 5000 kilobits per second.

Now that we know all about video specifications, it’s time to upload the video.

How to upload the video to WordPress

There are three ways you can upload to WordPress. We’ll discuss all three methods and recommend the best way according to your goals and needs.

 A> Embedding video in WordPress

WordPress has an auto-embed feature that automatically fetches the embedded code from video hosting services such as YouTube, Daily Motion, etc.

Simply copy the URL link of the video and paste it into the WordPress editor.

You can, for example, copy and paste the URL of the youtube video from a WordPress edit, and it will automatically fetch the code and embed it into your WordPress post or page.

The video will automatically appear on the page after you paste the link. Save the post or click Preview to view it.

After you have embedded your video, you can edit it using the block toolbar, which appears when you click the video. For example, you can change the alignment, width, vertical and horizontal movement, and aspect ratio for different devices.

It is crucial to keep in mind that the WordPress auto-embed function only works on these sites.

  • Amazon
  • Animoto
  • Cloudup
  • CollegeHumor
  • Crowdsignal
  • Dailymotion
  • Facebook
  • Flickr
  • Hulu
  • Imgur
  • Instagram
  • Issuu
  • Kickstarter
  • Meetup.com
  • Mixcloud
  • Reddit
  • ReverbNation
  • Screencast
  • Scribd
  • Slideshare
  • SmugMug
  • Someecards
  • SoundCloud
  • Speaker Deck
  • Spotify
  • TED
  • Tumblr
  • Twitter
  • VideoPress
  • Vimeo
  • WordPress.tv
  • YouTube

If there is a video that you want to use that is not mentioned on the list, then you need to copy the complete HTML code provided by the video’s website and paste it into the Custom HTML editor. 

B>Using upload media function

If you want to host your videos instead of using a service, you can do so here.

You can open the video block option and paste it anywhere on the blog post or page with the block editor.

Here is the option to choose whether you want to upload directly or through the media library or URL. (If you prefer, you can upload videos by going to Media > Library and selecting the videos you want to upload )

Since we want the video to be uploaded directly, simply click on the upload button, select a file from your directory, and you are done.

If you wish to use the classic editor in a post or page, click Add Media and then click Upload Media in the first tab on top.

After clicking on select files, select the file from your computer that you want to upload and click continue.

Immediately upon uploading, add a title, caption, and description. Ensure the title also appears on the left-hand side after selecting the Embed Media Player option from the Embed or Link drop-down box. By default, it should get selected.

By clicking on the Insert into post button, your video will get added to your post or page with a thumbnail.

Using A Video Hosting Plugin

If you do not have a lot of bandwidth storage, uploading video directly from your computer is not the best option. In addition, you have more strain on your server when someone streams video directly from your website instead of texts or images when you upload the video directly.

Your server is straining significantly more when someone plays a video on your site, compared to images, text, and other content-and. Moreover, this effect only increases as your traffic grows.

So what’s the solution?

An alternate way to upload videos is by using video hosting plugins.

What are video hosting plugins?

Video hosting doesn’t consume much less bandwidth storage compared to simply uploading a video.

Using a video hosting plugin, you can upload videos to WordPress just as you usually would. Still, instead of hosting them on your server, they will be hosted on a third-party server and embedded on your site.

Various WordPress plugins like Jetpack and smash balloon allow you to upload a video without eating up your bandwidth space.

Now that we learn how to upload video, let’s run some testing to ensure our video runs well on every platform.

3. How to check the responsive design of the videos?

One of the pitfalls of self-hosting a video is that you have to make it responsive to different devices by yourself, unlike many third-party video hosting options that do it for you.

Browsers and devices have different sizes, compression requirements to display the video equally as you intended it to be.

A well-responsive website should respond well to all the devices and sizes, from mobile phones to Ipad.

To encode your videos for different videos for various websites and devices. For example, you can use the WordPress feature “video shortcode.”

The Video feature allows you to embed video files and play them back using a simple shortcode. 

Here is how simple shortcode looks like

You have to replace “soruce.mp4” with the source video in your media library to use your video. If you want to use a WordPress video player without self-hosting, you can even type a URL to an external video source.

If you want to allow alternative video playback on different devices, this is the code you would use.

You don’t have to define the different devices you want to support. Instead, by entering the video file source, and the correct file type, WordPress automatically detects the visitors’ devices and loads the file compatible with it.

Here are some shortcodes that add different functionality to your WordPress player.

  • Poster – A poster replaces the default video player image with a specific one. The default is none.
  • Loop – The loop feature automatically replays the video on a loop. To do this, change the default setting to “on” instead of “off.”
  • Autoplay – When set to “on,” your video will automatically play when the page loads. It is currently set to “off” by default, as it is our recommendation to assure full accessibility for hearing- and visually impaired individuals.
  • Preload – Automatically load data when preload is set to “yes.” You can choose to load only the video’s metadata by default, or you can choose to load everything (auto), or you can choose not to load it at all (none).
  • Height – You can change the height of the video if it is different from the height of the video by default.
  • Width – Changing the width in the same way, will also increase the video’s dimension from its original size in your media library.

If you enjoy developing, you want to experiment with these codes, you can find it on you can find it in the media.php file under the wp-includes folder.

You’re all set once you’ve added your custom video shortcode and saved your changes. That’s all you need to do to ensure your videos work on any device and browser.

As we have seen, videos can be a powerful tool to increase engagement in your website. And it’s even simple to upload videos on your WordPress website.

About Trishan Mehta

Trishan Mehta is a WordPress fanatic since 2009. When not WordPressing, he is busy exploring hidden natural getaways whenever he can grab an opportunity. You can grab his WordPress SEO eBook to get up to speed with WordPress SEO.

Leave a Comment