Article Categories
- All Categories
-
Data Structure
-
Networking
-
RDBMS
-
Operating System
-
Java
-
MS Excel
-
iOS
-
HTML
-
CSS
-
Android
-
Python
-
C Programming
-
C++
-
C#
-
MongoDB
-
MySQL
-
Javascript
-
PHP
-
Economics & Finance
Video.JS Articles
Found 26 articles
How to setup Video.js with JavaScript?
In this tutorial, we're going to learn how to set up Video.js using JavaScript. We'll also have a look at a few examples for better understanding. Video.js is a popular and easy-to-use modern web video player built on HTML5. It provides enhanced features and functionality for web video players, supporting various video formats including standard HTML5 formats and modern formats like YouTube, Vimeo, and Flash. It works seamlessly across all display sizes including desktops and mobile devices. Installing Video.js Video.js is officially available through CDN and npm (node package manager). Let's look at both installation methods. ...
Read MoreHow to Create a Video Loop in the Video.js Player?
Video.js is a well-known online video player JavaScript toolkit that is used to create web browser video players for a range of video formats. Video.js is a very flexible and customizable library to create modern web video players. It supports a wide range of packages, plugins, and options. Using video.js, any part of an HTML video player can be configured as per your liking. For the purpose of this tutorial, we're going to create a video loop in a video.js player i.e., playing the video in a loop repeatedly. Usually looping, a video is done by playing the video again ...
Read MoreHow to set up a video.js player in Android?
In this tutorial, we're going to learn how to set up a video.js player on an android device. Video.js is a web video player library that is utilized for creating modern-looking video players. One of the great things about video.js is that it supports a wide range of display sizes like desktops, laptops, mobiles, etc. Also, it supports a plethora of video formats be it standard or modern like mp4, Flv, YouTube, etc. For the purpose of this tutorial, we're going to learn how to set up a video.js player on an android device. Sometimes the video player created using ...
Read MoreSetting Up Full Video Background using video.js
Video.js is a powerful tool for working with video on the web, providing a common interface for different types of video players including HTML5, Flash, and others. It is designed to be easy to use and customize, with a wide range of options for controlling the look and feel of the player. In this tutorial, we will show how you can set up a full video background for a video player using this open-source JavaScript library called video.js. For the purpose of this tutorial, we will focus on how to set up a full video background using video.js. This can ...
Read MoreHow to initially mute videos in the video.js player?
In this tutorial, we're going to learn how to initially mute videos in the video.js player. For this tutorial, we're not going to make use of the standard HTML tags like 'muted' which are available for a video element, instead, we're going to use the method specific to video.js. So, let's move on to the subsequent section of this tutorial and understand how to initially mute videos in the video player using just video.js. For muting the videos of our video.js player, we'll make use of the 'muted' method and 'volume' method provided by video.js. We can make use ...
Read MoreCallback Functions for video.js Player
In this tutorial, we'll learn about the various event listeners and how to use them with callback functions for a video.js player. Video.js is a popular, open-source library used for creating video players in browsers. Using video.js you can tweak every single part of a video player without much problems or hassle. Aside from that, video.js provides a plethora of default events like play, pause, playing, loadedmetadata, timeupdate, canplaythrough, loadeddata etc. So, for the purpose of this tutorial, we're going to learn about the callback functions of various event listeners in video.js. Callback functions are really crucial as they are ...
Read MoreVideo.js – Callback a Function in the Event that a Video is 50% Buffered
In this tutorial, we will show how you can get the buffer percentage of a video in video.js and use a callback function when the video has buffered more than 50%. Video.js is a well-known online video player JavaScript toolkit that is used to create web browser video players for a range of video formats. Video.js is a very flexible and customizable library to create modern web video players. It supports a wide range of packages, plugins, and options. Using video.js any part of an HTML video player can be configured as per your liking. For the purpose of this ...
Read MoreHow to hide the seek bar in the video.js player?
In this tutorial, we'll look at how to hide the seek bar or progress bar of a video player using video.js. Video.js lets you create video players for a video of video formats like mp4, WebM, and FLV and also for modern video playback formats like YouTube, Vimeo, Flash, etc. Video.js is widely used on a number of websites because of the extensive plugin support it provides alongside supporting a wide range of devices like desktops, mobiles, etc. For the purpose of this tutorial, we're to customize our video player by disabling or hiding the control bar of the video ...
Read MoreHow to Play a Video from a Particular Time in video.js Player?
In this tutorial, we’re going to learn how to play a video from a particular time in video.js Player. Video.js is a well-known and widely used open-source HTML5 video player. It enables you to develop a video player for a broad range of video formats, including traditional video formats like mp4, WebM, Flv, and others, as well as current video-playing formats such as YouTube, Vimeo, and Twitch. So, for the purpose of this tutorial, we’re going to play a video from a particular time in the video.js player. Starting or playing a video from a specific time has a ...
Read MoreHow to speed up/down the video in Video.js Player?
In this tutorial, we're going to learn how to speed up a video or speed down a video using video.js. Video.js is a widespread and open-source HTML5 video player framework. It allows video playback on a variety of platforms with varying screen sizes, such as desktop computers and mobile devices. The project, which began in the middle of 2010, already has hundreds of contributors and is utilized on over 450, 000 websites. Apart from this, Video.js also gives a variety of options for changing and customizing the video players to your preference. For the purpose of this tutorial, we're going ...
Read More