Customize Your Video Player With Video.js

HTML5 Video Player Video.js

Flash is not supported in iOS or in Android devices out of the box. Google Chrome does not support it at all. While Flash can still be installed on Android devices, there are no security updates, bug fixes, or official Adobe support. So when Adobe dropped mobile Flash, it opened the door for HTML5 video players.

HTML5 video players make web video accessible without plug-ins. HTML5 video players allow you to customize your video player to control what the player looks like and how it acts across a wide variety of browsers. The first question to ask is if video hosting is allowed by your web hosting company. If so, and if you have access to the server, you can install an HTML5 player that will play the video that is also hosted on your site without the need for third-party plug-ins. To learn about using HTML5 video see the HTML5 Video tutorial at (https://www.w3schools.com/html/html5_video.asp).

There are quite a few HTML5 video players. One of the most popular is the Video.js Player. It’s also called HTML5 Video Player (https://www.videojs.com). This is a free and offers a WordPress plugin version that’s compatible with all WordPress versions. Video.js allows you embed any HTML5 video on your site using HTML5 with Flash fallback support for non-HTML5 browsers. It is open source and includes guides for setup and options as well as guides for customizing the player.

Video.js has a preload option which means the video will start loading in the background, so when a visitor clicks, the playback will start right away without pause. The player also has a customizable skin that you can choose or create at designer.videojs.com. You can also add and change controls, color and size to make the player suit your site design. It has additional options such as captions and subtitles support, and video chapters. It’s perfect for professional sites with lots of video.

If you can’t use the WordPress plug in, you must upload the video.js player to a page on your server via FTP or other means. There are instructions for adding a few lines of code to your server or page. These are not necessary if you use the WordPress Plugin version.




Keep Reading...

Google and GoPro Make 16 Cam VR Rig

Wanted: Filmmakers To Test Google’s GoPro VR Camera Rig

GoPro and Google have joined forces to create a Virtual Reality camera rig with 16 GoPro HERO4 cameras. It’s called Jump. It can transform 16 pieces of video into one stereoscopic 360 degree VR video. The 360 degree camera array allows all 16 cameras to act as one. This makes camera syncing easy, and includes […]

Read More
black betty camera

Black Betty Camera

The Black Betty Camera looks like a 16mm film camera, but it's a custom-designed housing that includes a Silicon Imaging SI-2K Mini Camera Head and an Apple Mac Mini. The camera head produces digital cinema class 2048x1152 resolution. The SI-2K Mini camera head has been as a second camera in films like Slumdog Millionare and 127 Hours.The small form Mac Mini is Apple's first computer to include an HDMI video port.

Read More

Best Shared Videos 2015 That Could Have Been Produced On Low Budgets

These are some of the most shared video ads in 2015. I did not include movie trailers, music videos for popular artists or any videos that are not possible without a large budget. I’ve tried to include only those that could be produced by a videographer like you or me. Most of the Best Shared […]

Read More

Bioshock Infinite – An Interactive Feature Film

This video game is one that all video producers should see. Bioshock Infinite is a graphic masterpiece.

Read More


Facebook Comments

Leave a Reply

Your email address will not be published. Required fields are marked *


  • Forbes Magazine calls VideoUniversity one of the best business-to-business sites for digital video production.
  • WINNER
    Videography Magazine's
    "Website of the Month" Award
  • WINNER
    PC Magazine Online "Best Desktop Video Site" Award
  • WINNER
    CyberFilm School's "FOUR STAR" Award