Video post with built-in video player

Did this happen to you?

You have just created a video and are ready to share it on your website.

So, create a new article in the WordPress dashboard and upload your video to the media library.

“Hmm … it’s taking a long time to arrive”, you think. But that makes sense. The video is almost ten minutes long and weighs over 100 MB. After the file finishes uploading, click “Publish” and …

Then, copy the video URL and paste it into a post or page on your own WordPress site. The video will appear on your website, where you pasted the URL. But the video itself is streamed from the video host’s servers, instead of the web server on which the WordPress site is hosted.

Self-hosting means that you upload the video file to the same Web server that your WordPress site is hosted on, using the built-in WordPress file downloader … in the same way that you can upload a photo or image to your website. local.

With that in the background, here are ten reasons why you should never upload video files to your own web server, especially if the website is hosted on a shared server.

  1. Server bandwidth

The video files can be quite large. Unlike images, which are usually measured in kilobytes, an HD video file can easily weigh more than 100 MB. Now imagine what will happen to the shared hosting server when dozens of people try to watch the same video at the same time. Time.

Your web hosting provider allocates a certain amount of bandwidth and other resources to each server on your network, based on average traffic rates that do not include serving large media files to hundreds (or more) at the same time. Many requests for a single large file will quickly exceed the limits of the web server on which your site is hosted and will bring you to your knees, along with all other sites that also “reside” on the same server.

But it may never get that far, because of …

Limits on file size and storage space

Most web hosting providers limit the maximum size of uploaded files to 50 MB or less, prohibiting the upload of video files longer than a few minutes. In addition, large media files may violate the terms of the acceptable use policy with your hosting provider and result in the cancellation of your hosting account.

If you can often upload large video files to the server, this can exceed the amount of storage space provided by your hosting account, especially if you regularly back up the website. In addition to the amount of disk space your video files occupy, backups will begin to take much longer to complete. More data requires more disk space and the backup takes more time.

3.Frozen or slow video loading

If your video file resides on a single server with a limited amount of bandwidth, your target audience may experience unexpected pauses when viewing the video. It’s boring. Your computer is waiting for the file to be downloaded or transmitted. And it’s even worse if they have a slow Internet connection.

  1. There is no single standard file format for video on the web

The current draft specification in HTML5 does not specify which video formats browsers should support. As a result, the major web browsers have diverged and each supports a different format. Safari plays H.264 (MP4) videos, but not WebM or Ogg. Firefox plays Ogg or WebM videos, but not H.264. Fortunately, Chrome will play all major video formats, but if you want to ensure that it plays on all major web browsers, you’ll need to convert the video into several formats: .mp4, .ogv and .webm

You now have three different video files to download, each potentially hundreds of megabytes.

(By the way, how much bandwidth does your ISP allow you to use before imposing bandwidth limits? You can find out right after downloading several gigabytes of video files.)

  1. I hope you enjoy converting videos. Much.

The majority of your audience is likely to watch your videos on your desktop or laptop computer with the benefit of a high-speed Internet connection. For these people, you may want to stream a large file in HD quality so that they can view it in full screen if they want. This usually means a 1080p or 720p file at a high bit rate (5000-8000 kbps).

But you’ll also need to create a smaller, lower-resolution version for mobile devices, such as phones and tablets, in addition to providing viewers with slower Internet connections.

You now have half a dozen or more individual video files to ensure your video is viewable on major web browsers and devices. But how does your website know which of these files each person should serve?

  1. video players

A video player is small web software that you install on your website that automatically detects which device is requesting your video, along with the speed of the connection, and then delivers the correct version to that person.

There are dozens of great video players that handle this task (like Video.js), but WordPress also includes an embedded video player that eliminates the need for a third party video plug-in. Good news! But it gets a little complicated …

  1. complicated code [or short codes]

Whether you’re using a third-party plug-in or WordPress’s built-in video features, you’ll need to create some code to tell the video player what formats you’ve created, as well as where they are on the server. It looks something like this …

Now you have successfully set up your access code, uploaded all video files to the server and installed a video player to handle all behind-the-scenes detections, etc.

So, after all this effort, why is your video better on some browsers / devices than on others?

  1. Quality varies across browsers

Remember when I said you should convert your videos to almost half a dozen different formats and sizes? You will need a separate application to convert your files to all of these formats. There are dozens of video conversion apps to choose from. And you may need more than one to handle the conversion to all different formats.

Unfortunately, each application handles the conversion process slightly differently. And that results in variable quality between your video files. Your video may look great as MP4, but when you view the OGG file in Firefox, it may look grainy or bitmapped.

To make matters worse, each web browser handles video playback differently. Therefore, the same video file may look fantastic in one browser, but look horrible in another. I spent countless hours experimenting with my converter software settings, and I never did it 100%.

  1. Loss of visibility and traffic

YouTube is the most popular video hosting platform in the world. Most importantly, they are also one of the first places that many people turn to when looking for a topic. When you host your video on a third-party website like YouTube or Vimeo, it also benefits from its popularity, and people can find your video and later your own website, which they would not otherwise have knowledge.

In addition, the social sharing features of these services encourage others to share your videos with friends and family, increasing your reach.


If you are operating a membership site with protected video content (such as this site), you will also need to ensure that your video files cannot be uploaded by a malicious person and then illegally redistributed on file sharing sites.

One of the many reasons why I now use and recommend Vimeo PRO is that you can hide your videos from the public and specify a specific area where the video can be embedded. This ensures that your videos can be embedded only on your own website.

Why do we recommend Vimeo PRO?

If your videos are of a commercial nature or you want to protect them by making them available only to a selected target audience (such as a membership site), watch Vimeo PRO.

Vimeo PRO is a service completely different from its standard free offer. Includes priority downloads and conversions, unlimited bandwidth, advanced video statistics and more. Better yet, you can specify the areas where your video can be embedded. This ensures that your video appears only on your own website.

About the author


Add Comment

Click here to post a comment