WordPress Video Plugin: Easily Embed a Video in WordPress

Videos can significantly increase the importance of a WordPress page. It makes your content much more compelling to the users as well as the search engine crawler. Research has shown that users tend to spend more time on a web page where the key concept is presented via a video. To be honest, if I had to choose between a blog post where the content is too long (sort of like a written tutorial) and a WordPress video tutorial I would definitely be interested in the second option. That pretty much explains why video marketing has been so successful.

Issues With WordPress Video Embedding

I have always experienced issues trying to embed videos on my WordPress blog. It’s just there are not many good options when it comes to video embedding. Even though there is a few I find them extremely confusing for the new WordPress users. Not all users are familiar with coding. That’s why they use WordPress. So it will be really good to have a solution that requires fewer steps to follow and meets user’s expectation.

Getting Started With Easy WordPress Video Player

Finally, I took an effort to create a plugin that may be able to resolve some of the major issues WordPress users were experiencing – Easy Video Player.

This WordPress video player plugin allows you to embed your favorite videos in a post/page.

Easy Video Player Info

Plugin Name: Easy Video Player
Version: 1.1.9
File Format: application/zip
Requires: WordPress 5.5
Rating: 3.9 based on 51 votes
See All Ratings/Submit Your Rating Here
Price: 0 USD

Requirements

  1. A self-hosted WordPress site running on a WordPress Optimized Environment.
  2. Support for the WordPress shortcode API.

Features

  • Embed videos using simple shortcodes (no coding required)
  • Play videos using HTML5
  • Enable automatic fallback for browsers that don’t support HTML5. It allows older browsers like Internet Explorer version 8 or lower to play your videos.
  • Embed responsive videos so they look great while browsing from mobile devices.

Installation & Configuration

Embedding a Video in the Classic Editor

Download the Easy Video Player plugin

  • Login to your Admin Dashboard and go to “Plugins->Add New”
  • Click on the upload option
  • Select the easy-video-player.zip file on your computer
  • Install and Activate the plugin.

Now go to the Settings menu of the plugin (Settings->Easy Video Player) and check the “Enable jQuery” option. That’s all you need to do for configuring the plugin.

Embedding Videos in a Post/Page

Create a new post/page and embed the following shortcode:

[evp_embed_video url="http://example.com/wp-content/uploads/videos/vid1.mp4"]

Now replace the URL parameter with the actual URL of your video.

That’s it. Simply publish the post/page and your video will be embedded along with your content.

Video Autoplay

If you want a particular video to start playing automatically you can set the “autoplay” option to “true” in the shortcode:

[evp_embed_video url="http://example.com/wp-content/uploads/videos/vid1.mp4" autoplay="true"]

Control Player Size

To control the size of a video you can specify a width:

[evp_embed_video url="http://example.com/wp-content/uploads/videos/vid1.mp4" width="640"]

Control Player Aspect Ratio

The player aspect ratio is set to “16:9” by default. To override it you can specify a different ratio:

[evp_embed_video url="http://example.com/wp-content/uploads/videos/vid1.mp4" ratio="4:3"]

Poster Image

You can specify a poster image for your video by adding the “poster” parameter in the shortcode:

[evp_embed_video url="http://example.com/wp-content/uploads/videos/vid1.mp4" poster="http://example.com/wp-content/uploads/images/poster.jpg"]

Video Loop

If you want a particular video to start playing again when it ends you can set the “loop” option to “true” in the shortcode:

[evp_embed_video url="http://example.com/wp-content/uploads/videos/vid1.mp4" loop="true"]

Video Muted

If you want to mute the audio output of the video by default you can set the “muted” option to “true” in the shortcode:

[evp_embed_video url="http://example.com/wp-content/uploads/videos/vid1.mp4" muted="true"]

Custom CSS

You can specify custom classes in the shortcode to customize the player. For example:

[evp_embed_video url="http://example.com/wp-content/uploads/videos/vid1.mp4" class="myclass"]

You can specify more than one class (separated by whitespaces) in the shortcode.

[evp_embed_video url="http://example.com/wp-content/uploads/videos/vid1.mp4" class="myclass1 myclass2"]

Player Template

By default, the player uses the Plyr template. However, you can choose a different player template using the template parameter.

[evp_embed_video url="http://example.com/wp-content/uploads/videos/vid1.mp4" template="mediaelement"]

Video Preload

By default, the mediaelement template only renders the metadata of a video when the page loads. If you want to change this behavior you can set the “preload” option to “auto” or “none” in the shortcode.

  • “metadata”: Only metadata should be loaded when the page loads (default)
  • “auto”: The video should be loaded entirely when the page loads
  • “none”: The video should not be loaded when the page loads
[evp_embed_video url="http://example.com/wp-content/uploads/videos/vid1.mp4" preload="auto" template="mediaelement"]

Center Video

By default, the mediaelement player is aligned to the left. However, you can use this method to align the video in the middle.

  • Open your theme customizer
  • Add this CSS under “Appearance -> Customize > Additional CSS”
.wp-video {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

Frequently Asked Questions (FAQ)

Can I automatically play videos on mobile devices?

No. Video autoplay is disabled by default on iOS and android devices. This is to make sure that no data is loaded until the user initiates it. There is nothing you can do as this is how it was designed by the hardware manufacturer. You can even try embedding a video without using this plugin and the autoplay feature won’t still work.

Can I upload videos on WordPress using this plugin?

There is no uploader in the plugin. You can either use the media uploader in WordPress or connect to your website via FTP to upload videos.

How do I show videos on WordPress using this plugin?

Insert the video shortcode into a post/page and replace the value of the url parameter with the actual URL of your video.

What is the best video format for WordPress?

If you wish to host the video files on a server, MP4 is the way to go. Most devices and platforms support MP4 making it the most universal video format.

What is the best video encoder?

If wish to use a free encoder handbrake can be a great choice.

How do I upload a large video to WordPress?

You can either increase your maximum file upload size or connect to your website via FTP and directly upload the video.

Disclosure: This page may contain affiliate links. If you follow one of those affiliate links and purchase something it will provide me with a little bit of a commission. This costs you nothing extra but helps maintain my site, free plugins, and themes. So I thank you for your support.

753 thoughts on “WordPress Video Plugin: Easily Embed a Video in WordPress”

  1. The poster parameter doesn’t seem to work 🙁

    Reply
    • @JL, What shortcode are you using? Please provide a link to the page in question so I can take a look.

      Reply
      • Sorry, I should have mentioned that 😉

        http://webseite.gymga.de/wordpress/?page_id=6925

        The second video should have a Thumbnail/Poster. It shows up on my Iphone, but not in Safari on my Mac.

        The code is:
        [evp_embed_video url="http://webseite.gymga.de/wordpress/wp-content/uploads/Videos/Latein.mp4" preload="metadata" poster="http://webseite.gymga.de/wordpress/wp-content/uploads/2020/11/phonto-scaled.jpg"]

        Reply
      • My reply seems not to be shown here…

        Anyways, you’re right, I should’ve said that 😉

        Here is the page: https://webseite.gymga.de/wordpress/?page_id=6925

        The second video should show the Thumbnail/Poster. It is actually shown on my Iphone, but noch in Safari on my Mac.

        Reply
        • @JL, Please remove the preload attribute and see what happens.

          Reply
  2. Is there a way to hide or remove the right mouse click on the video so people can’t download it?

    Reply
  3. Hi, is there a way to hide every button and controls?

    Reply
  4. hi, the plugin have an error with php 7.1+

    PHP versión 7.4.13

    Detalles del error
    ==================
    Se ha producido un error del tipo E_ERROR en la línea 51 del archivo /public_html/wp-content/plugins/easy-video-player/easy-video-player.php. Mensaje de error: Uncaught Error: [] operator not supported for strings in public_html/wp-content/plugins/easy-video-player/easy-video-player.php:51
    Stack trace:
    #0 /home2/tenefono/public_html/wp-includes/class-wp-hook.php(289): EASY_VIDEO_PLAYER->easy_video_player_plugin_action_links(‘

    Reply
    • @massimo, I’ve just released an update to fix it. Please update the plugin and let me know how it goes.

      Reply
  5. How to advertise video add on a video pop up add

    Reply
    • @Kaishav, The plugin doesn’t have an option to do this at the moment.

      Reply
  6. How do I insert a Youtubevideo into the side bar (as a widget?) that will autoplay when scrolling thru?

    Reply
  7. Hello,
    I’m using (I believe) your latest version of your plug-in (Version 1.2.1) and I am using WordPress Version 5.6. Yet, I just noticed that all of my videos (using your plugin have stopped working).

    These videos were working just a few days ago (just fine).

    Have you seen any other such complaints or do you know why this would be happening?

    Reply
    • @Darrell, Please provide a link to the page in question so I can take a look.

      Reply
  8. hello, I’d like adding video url using custom field than post field and call the loop at single.php file, may you help me please

    Reply
  9. I’m trying to get a video to render vertical and autoplay.

    Using the default template, it looks like width, height, and ratio don’t seem to do anything?

    For example, if I use the following shortcode, it still gets wrapped in a responsive box with `padding-bottom: 56.25%` (which is 16×9).

    [evp_embed_video url="https://mywebsite.com/wp-content/uploads/2021/02/myvideo.mp4" loop="true" autoplay="true" ratio="9:16" muted="true"]

    Furthermore, the “class” attribute sets the class directly on the video element itself, so I can’t use custom CSS to target the wrapper. If there were a wrapperClass or something, then I could at least deal with this with custom CSS.

    If I instead use template=”mediaelement”, it auto-identifies the native aspect ratio of the video (without specifying width, height, or ratio), but if I have multiple videos the “autoplay” only works on the last video on the page.

    Do you know how I can either get ratio to work with the default (plyr) template or to get autoplay to work on all videos for the mediaelement template?

    Using Easy Video Player Version 1.2.1

    Reply
    • Looks like if I could set pauseOtherPlayers=”false” for mediaelement, then that would fix it for me! (http://mediaelementjs.donteatthefruit.com/#options) I’m seeing that setting it in the shortcut code doesn’t work currently.

      Reply
      • @Peter, Customization is not possible for the mediaelement template since WordPress core now uses it.

        Reply
    • @Peter, The ratio needs to be either “16:9” or “4:3”.

      Reply
  10. I love this plug in thank you. Is there a way to hide every button and control as I have got it on autoplay?

    Reply
    • @Helen, Unfortunately that’s not possible at the moment.

      Reply

Leave a Reply to zahra Cancel reply