Found 31 Questions for HTML5

How to play QuickTime MOV files using the Video.js player?

Prince Yadav
Updated on 14-Nov-2022 06:58:56
Video.js is an open-source, HTML5 web video player. It supports a variety of HTML5 media source extensions along with modern video playback technologies like YouTube, HLS Stream, etc. through plugins. Video.js supports video playback on a range of display sizes with a plethora of devices like desktops and mobile devices. In this tutorial, we're going to learn how to play the QuickTime MOV files using in our web browser using video.js. MOV is a very common video container used in Apple's QuickTime player for storing movies and video files. These containers use a compression algorithm designed by Apple Computer and ... Read More

Can scripts be inserted with innerHTML?

Shubham Vora
Updated on 10-Nov-2022 07:40:37
In this tutorial, we will learn that can scripts are inserted with innerHTML. There are various properties in JavaScript that help in working with the HTML of the current page. The innerHTML property in JavaScript is used to add the Html to the element. It also returns the content present in an element. Scripts are the programs or codes of JavaScript that makes a webpage interactive and dynamic. We can add the script in the script tag on the same page or another JavaScript page linked with an HTML file. The HTML is inserted in the innerHTML property for an ... Read More

How to Play .mp4 file using Video.js Player?

Prince Yadav
Updated on 08-Nov-2022 07:03:24
In this tutorial, we're going to learn how to play an mp4 file using the video.js player library. Video.js is a very popular and modern web video player which has been developed keeping the HTML5 world in mind. It supports a wide range of video playback formats like mp4, webm, flv, etc., and other modern video formats also like YouTube, Vimeo, and Flash. Video.js also makes sure that the video player is consistent across all display sizes like desktop, computer, and mobiles. In this tutorial specifically, we'll have a look at creating a video player for our mp4 video files ... Read More

How to add subtitles in video using Video.js?

Prince Yadav
Updated on 08-Nov-2022 07:01:41
In this tutorial, we're going to learn how to add subtitles to a video using the video.js library. Subtitles, often known as captions, are lines of speech or other text that appear at the bottom of the video. Adding subtitles to the video really enhances the video experience for the viewers who are deaf or hard-of-hearing. Adding subtitles using video.js is very easy and furthermore, video.js allows crossbrowser implementation of the subtitle. Let's learn how to add subtitles to our video using video.js in the next section of the video. How to Add Subtitles in Video Using Video.js? Subtitles, also ... Read More

How to set the duration of animation on a Line using FabricJS?

Rahul Gurung
Updated on 25-Oct-2022 09:02:08
In this tutorial, we are going to learn how to set the duration of animation on a Line using FabricJS. A Line element is one of the basic elements provided in FabricJS. It is used for creating straight lines. Because line elements are geometrically one-dimensional and do not contain an interior, they are never filled. We can create a line object by creating an instance of fabric.Line, specifying the x and y coordinates of the line and adding it to the canvas. In order to change the duration of animated text we use the duration property. Syntax animate(property: String | ... Read More

How to Customize Video.js Player Skins?

Prince Yadav
Updated on 03-Oct-2022 14:00:14
In this tutorial, we're going to learn how to customize the skins of a video player created using video.js. Video.js library allows controlling each and every aspect of your video player. Literally, anything can be configured, from button icons to size to color and much more. And on top of that, we also can access a lot of pre-built video player themes made by the video.js community. We're going to explore both options in this article. First, let's start by tinkering with some of the aspects of the default video.js skin. How to customize Video.js player Skins? When the Video.js ... Read More

How to Customize HTML5 Video Player Controls with VideoJS?

Prince Yadav
Updated on 03-Oct-2022 14:00:36
In this tutorial, we’re going to learn how to customize HTML5 video player controls of a video player created using video.js. With the help of the Video.js library, we can configure each and every aspect of a video player without much hassle. Everything from the video player controls to the buttons and even to the progress bars and volume sliders can be controlled in video.js. Furthermore, we have access to a large number of pre-built video player themes created by the video.js community. In this essay, we'll look at both alternatives. First, let's start by changing the color of our ... Read More

Creating a responsive Video Player using Video.js

Prince Yadav
Updated on 12-Oct-2022 12:26:10
In this tutorial, we'll look at how to use video.js to create a responsive video player. A responsive video player is one that resizes itself to fit the size of the screen. By creating a responsive video player, we ensure that our video player is never cropped from the sides and is always presented fully, regardless of the device or screen size. Having a consistent player will also enhance the viewing experience of the end user. Let's move ahead to the next section of the article and learn how to make the video player responsive using video.js. Creating a Responsive ... Read More

Adding Custom buttons and/or Controls to Video.js

Prince Yadav
Updated on 03-Oct-2022 09:59:04
In this tutorial, we'll have a look at how to create a custom button and add it to our video player created using video.js. Adding a custom button to a video player allows you to have more control and flexibility over the player. With the help of a button, complex functionalities could be added to the video player, which is further going to enhance the user experience of a person interacting with the video player. For example, adding a button that shows the stats of the video or a button that lets you show a popup on the screen, etc. ... Read More

Getting Started with VideoJS

Prince Yadav
Updated on 03-Oct-2022 10:17:34
Video.js is a famous, well-known, and easy-to-use modern web video player. It was created from the ground up with the HTML5 world in mind. It supports a diverse range of video streaming formats such as HTML5 Video, media source extensions as well as other modern video playback formats like Youtube, Vimeo, Flash, and others. It also allows for video playbacks on various platforms like PCs, laptops, and mobile devices. The project began in the middle of 2010, and the player is now utilized on more than 700, 000 websites. Hundreds of contributors, from all over the world, are now working ... Read More
Advertisements