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. Hello! I am running this shortcode in page but it cannot be process please check and tell what is the reason.
    [evp_embed_video url="http://cdn40.live247stream.com/zorins/tv/playlist.m3u8"]

    Reply
    • @Samad, It needs to be an actual link to an MP4 video file.

      Reply
  2. Hello, dear author!

    I use .webm format and the video is with audio. Is it possible to unmute video to autoplay it? Otherwise it does not autoplay…
    Thank you

    Reply
  3. I cannot get .MP4 to play –
    1. there is no video,
    2. the background is solid pale blue,
    3. but the soundtrack plays.
    On the other hand, I have no difficulty playing .MOV files. Result is:
    1. I have to convert the files (not difficult, but time-consuming),
    2. then the resulting .MOV file is more than 3 times the size of the .MP4,
    3. which takes 3 times the time to upload and can be jerky to download/stream.
    Here’s a sample of my code;
    [evp_embed_video url="http://www.abcd.net/media/video/2017-08-27.mov"]

    Reply
    • @Peter, It needs to be an MP4 video file

      Reply
  4. Hello, this pug in really help me out for adding my .3gp videos but please update this plug in without copy embedded tag . it should automatically there in post and pages

    Reply
  5. do you have a white label version I have to remove the logo from the player

    Reply
    • @bill, You can use the mediaelement template.

      Reply
      • mediaelement template. doesnt seem to work for me

        Reply
        • it doesn’t work for me either – is there a white label template?

          Reply
  6. I am using you plugin for a signage TV…. it is excellent but one thing I would like to do is remove the player controls that show up in tiny writing at the bottom left of the screen… is there a way to do that? Please.

    Reply
  7. do you offer a counter or number of plays option?

    Reply
    • @brooks, It’s not possible at the moment.

      Reply
  8. Hi there! Great plugin!
    When I use template=”mediaelement” parameter I get only a string with the video URL. No player shown.
    I’m using wp 5.3.2 and tried with Chrome and Safari.
    Can help please?

    Reply
  9. Hi there !

    Thanks for the Plugin. One quick question, my video is correctly encoded with Handbrake, and everything seems fine on the back-end side.

    Nonetheless, while the video player appears on my page, I cannot play the video as it says: ‘HTML5: video file not found’.

    Would you have any help for that ?

    Thanks in advance !
    Patrick

    Reply
    • @Patrick, Please copy and paste the video URL in the address bar to make sure it’s valid

      Reply
    • Hi I have the same problem. I copied and pasted it int e URL bar and it worked but in the webpage it says HTML5:video file not found

      I also had the same problem, and am wondering if Handbrake compression caused the problem ( I also used Handbrake)

      Reply
  10. Wonderful player. Thank you! Is it possible to set width by percentages? I tried width=”90%” but it didn’t work.

    Reply
    • @Gabriel, Just set a fixed width and the player will still be responsive.

      Reply
  11. Hello. how to hide the fullscreen button, pleaser ?

    Reply
  12. Is there a way to enable fullscreen mode automatically on page load?

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

      Reply
  13. Is there a way to enable subtitles (traks src), “cc” button…

    Reply
    • @xcolo, Unfortunately it’s not possible at the moment.

      Reply
  14. Hi I have it working on my webpage, but unfortunately neither autostart, loop, nor mediaelement template seem to work.
    My code is:
    [evp_embed_video url="http://okidoki-apps.com/wp-content/uploads/2020/02/surrealizerRounded640HB.mp4" autoplay="true"loop="true"class="fp-minimal"template="mediaelement"]

    Reply
  15. Hi I have the videoplayer working fine on my webpage, but unfortunately neither autostart, loop, nor mediaelement template seem to work.
    My code is:
    [evp_embed_video url="http://okidoki-apps.com/wp-content/uploads/2020/02/surrealizerRounded640HB.mp4" autoplay="true"loop="true"class="fp-minimal"template="mediaelement"]

    if you view okidoki-apps.com you can see that these features are not working.

    thanks

    Reply
    • it would seem that using mediatemplate prevents autoplay and loop from working.

      Reply
  16. I see in the html code that the

    <video class="wp-video-shortcode" id="video-1927-1_html5" width="640" height="360"...

    has a width and height attribute set, which I do not see a way to change. Sometimes the video starts autoplaying on load at that size, rather than the large size I have the CSS styling changed to, as well as the width attribute. Is there anywhere to change that default width and height?

    Reply
  17. Hi,

    I am trying to update the general settings in a new install of your programme but cant a save button for them.

    where is it supposed to be please?

    Best wishes,

    Dave

    Reply
    • @Dave, Are you saying that you can access the settings page (Settings > Easy Video Player) but there is no “Save Changes” button? It’s not that important though. So you can skip to the shortcode insertion step.

      Reply
  18. Hi,
    I’m struggling to get the autoplay function to work on this demo page.
    https://isleofwightwebcams.co.uk/live-test-page/

    it seems to autoplay on mobile phones but not Chrome or Safari. My aim is to make the preroll advert and live stream autoplay smoothly. Andy ideas?

    and here’s the code:
    [fwdevp preset_id="123 webcams Test" video_path="{source:'https://g0.ipcamlive.com/player/player.php?alias=5982acee2502c&autoplay=1', label:'None', videoType:'hlsLiveStream', isLive:'no', autoPlay:'yes', isPrivate:'no'}" start_at_video="1" playback_rate_speed="1" popup_ads="{source:'https://isleofwightwebcams.co.uk/wp-content/uploads/2018/06/Webcams-advertise.png', url:'www.wightmediaservices.co.uk', target:'_blank', start_time:'00:00:20', stop_time:'00:00:30'}, {source:'https://isleofwightwebcams.co.uk/wp-content/uploads/2018/04/Seaview-Hotel-test-banner.jpg', url:'https://www.seaviewhotel.co.uk/', target:'_blank', start_time:'00:00:45', stop_time:'00:00:55'}" video_ad_path="{source:'https://isleofwightwebcams.co.uk/wp-content/uploads/2020/03/Red-Squirrel-Advert-ITV-HD-6MBPS.mp4', url:'', target:'_blank', start_time:'00:00:00', fwdevp_add_duration:'00:60:60'}"]

    Cheers,

    Dave

    Reply
    • @Dave, I think you are on the wrong site. There is no “fwdevp” shortcode in the plugin.

      Reply
  19. Hi, I modified some css parameters in
    /plugin-editor.php?file=easy-video-player%2Flib%2Fskin%2Fskin.css&plugin=easy-video-player%2Feasy-video-player.php
    but it does not seems to work with chrome…
    moreover, how can I change the background color of the player?

    Reply
  20. Hi I would like to know what the video file size is capped at for upload of video onto webpage?
    I would like 2 present webinar taped videos for visitors.

    Reply

Leave a Comment