HTML5 provides us with a powerful set of tools to create dynamic and interactive web pages. One of the important components of a web page is the ability to collect user input. In this article, we will learn how to define a form for user input using HTML5 in simple and unique words. Basic Form Element Structure A form is defined using the tag. The tag creates a container for input fields like text boxes, radio buttons, and checkboxes. Syntax A basic form structure looks like this − The action attribute ... Read More

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

Video.js is a well-known online video player javascript library that is used for creating video players in the web browser for a variety of video formats. It supports all contemporary video formats such as YouTube, Vimeo, Flash, and others, as well as all common video playback formats such as mp4, WebM, Flv, and others. Apart from supporting a wide range of formats, video.js also provides a lot of functionality and flexibility to customize the video player as desired. In this tutorial, we're going to learn how we can customize the video player using video.js by creating and adding new buttons ... Read More

In this tutorial, we will discuss how to store objects in HTML5 localStorage. We can access the Storage object and store data in it thanks to the interface window's localStorage property. There is no time limit on it. As a result, the data that is stored in it will remain until it is explicitly deleted. The localStorage data can't be removed by closing the browser. To store JavaScript objects in localStorage, we will investigate how to stringify and parse them into JSON strings and then how to store them in localStorage. Using the setItem() Method This setItem() method is used ... Read More

In this tutorial, we will learn why using onClick() in HTML is a bad practice. There are events and methods in JavaScript to handle the actions like clicking, hovering, etc. The onClick() is the most used method that executes a function on clicking an element. This method is applied to the element as its attribute. It may contain the name of the function or the script itself. JavaScript also contains the addEventListener method used to execute a function on the occurrence of an event. There are many ways to execute events, and every way has advantages and disadvantages. ... Read More

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 More

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

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

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

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