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
Articles by Prince Yadav
Page 19 of 20
How 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 MoreVideo.js Player Method / Options References
In this tutorial, we’re going to go through some of the basic options references of video.js. Option References are like settings to control or modify the behavior of a video player. These options can be both − HTML5 options like autoplay, reload, etc., and video-js specific settings. We’re going to have a look at each of these alternatives. Standard HTML5 Element Options Standard HTML5 Element Options are standard settings which work both with tag and tag. With the help of these options, you can change the video player’s height, width, controls, etc. Let’s discuss some of ...
Read MoreHow to setup Video.js with JavaScript?
In this tutorial, we're going to learn how to set up video.us using JavaScript. We'll also have a look at a few examples for better understanding. First of all, Video-js is a very popular and easy-to-use modern web video player that has been built up on HTML5 and it provides better features and functionality for a web video player. It supports a variety of video playback formats - both the standard HTML5 formats also and the modern formats like Youtube, Vimeo, and Flash also. On top of that - it works with almost all the display sizes like Desktops, mobiles, ...
Read MoreHow to setup different video quality in Video.js player?
In this tutorial, we're going to understand how to set up different video quality in video.js player. Setting up a different video quality means our video player, created using video.js, is going to have multiple resolutions of the same video and the end user can switch the resolution basis as per their liking or their bandwidth. However, video.js doesn't support this feature natively out of the box, which means we'll have to use a plugin (as video.js has a wide range of plugins and support) to set multiple video resolutions for our video player. The video.js plugin that we're going ...
Read MoreHow to play YouTube videos using Video.js player?
In this tutorial, we're going to learn the procedure to play YouTube videos using the video.js player. Video.js is a very popular modern web video player which supports all the latest video formats including YouTube, Vimeo, etc. Now, we'll see how the video.js library can be used for playing YouTube videos using the 'videojs-youtube' package. For playing YouTube videos in the video.js player we need to install a package 'videojs-youtube' in our project. Installation of the package is very easy and can be done using bower or node package manager. Installing video.js YouTube Use the following command for installation of ...
Read MoreHow to play HLS stream in HTML5 player Video.JS?
In this tutorial, we're going to learn how to play HLS stream in HTML5 video player using video.js. HTTP Live Streaming, also known as HLS Stream, is a HTTP-based communication protocol which used dynamic or adaptive bit rate for streaming videos. This protocol was developed and published by Apple Inc. in the year 2009 and a wide variety of media player, web browsers, mobile devices and streaming media players support this protocol. HLS has the benefit of being compatible with all Internet-connected devices, making it easier to adopt than streaming protocols that need the usage of specialist servers. Another advantage ...
Read MoreHow to play FLV videos using Video.js player?
Video.js is a very popular library for creating a web video player for videos, which has been built on HTML5 from the scratch. Video.js supports all the basic video formats like mp4, WebM, Flv, etc. It is very effortless and straightforward to create a modern web video player in video.js for these various video types. However, the procedure is a little different for flv-type video formats. In this article we’re going to learn how to play the flv videos using the video.js web player. First, let’s start with how to create a basic web player in video.js using mp4 and ...
Read MorePlaying an MP3 with Video.js player
In this tutorial, we're going to learn how to play an mp3 file or an audio file using the video.js player. Playing an mp3 file using video.js is somewhat similar to playing an audio file in standard HTML5 but a few additional steps are required for video.js to support an mp3 file. Advantages of using playing mp3 files using video.js Using video.js to construct an mp3 player will provide you with more control over the audio file. All of the video.js-specific functions can be used on the audio, allowing for more flexibility. How to Play Mp3 with video.js Player? To ...
Read MoreSetting up a Poster for a Video in Video.js Player
In this tutorial, we're going to learn how to set up a poster image for a video player created using video.js. Video.js is a very popular and well-known open-source HTML video player framework. It supports a lot of video formats, from standard video formats like mp4, WebM, Flv, etc to other modern video playback formats like YouTube, Vimeo, twitch, etc. Video.js is so widely accepted because of the flexibility, customizations, and support it provides while creating a video player. For the purpose of this tutorial, we're going to change the look of our video player by adding a poster image ...
Read MoreHow to set up different languages in Video.js player?
In this tutorial, we'll learn how to set up different languages for our video player created using the video.js library. Video.js is a very popular JavaScript package used to build web browser video players for a number of video formats. It supports all modern video formats, including YouTube, Vimeo, and Flash, along with all standard video playback formats, including mp4, WebM, Flv, and others. Video.js also provides a plethora of options to change and customize the video players as per your liking. In this tutorial, we're going to have a look at how to change the language of our video ...
Read More