In this tutorial, we will learn to create and save the text file in JavaScript. Sometimes, developers need to get texts or content from the user and allow users to store content in a text file and allow the file to download to the local computer. Many JavaScript libraries are available to achieve our goal, but we have used the best two libraries in this tutorial to create and save the text file. Create a text file using custom text and save it to a local computer We will use normal JavaScript operations to create and save the text file ... Read More

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 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

To embed images encoded with Base64, use the img element. This prevents the page from loading slowly and saves the web browser from additional HTTP requests. Set the base64 image in the src attribute of the . Let’s say we have the following image − Note − The bigger the image, the more will its bease64 code For Base64, we will consider the Data URL of the image, which is placed in the src attribute. The Data URL has two parts − The 1st part is the Base64 encoded image. The 2nd part is the Base64 encoded ... Read More

To get the current screen size of a web page, use the window.inner. We can also use the window.outerWidth and window.outerHeight as shown below to get the outer width and height of the web browser windows. We will see two examples − Get the Inner Width and Height Get the Outer Width and Height Get the Inner Width and Height To get the current screen size of a web page, use the window.innerWidth and window.innerHeight − var wd = window.innerWidth; var ht = window.innerHeight; Example Let us see an example − DOCTYPE html> ... Read More

No, we cannot have the same ID for different elements in HTML. IDs have to be unique in the entire HTML page. Even the official HTML standards suggest the same − Using the unique id attribute Example Let us see an example. Here, we have used the id attribute − DOCTYPE html> #myHeader { border: 3px solid violet; background-color: blue; ... Read More

In HTML, placeholder attribute is present for creating a placeholder, but unfortunately it isn’t available for the select box. Create Placeholder for select We can use the option tag to define an option in a select list. The value attribute of the option tag is used for this. Here we have set List of Technologies as the placeholder text − List of Technologies Example Let us now see the complete example − DOCTYPE html> select { appearance: ... Read More

The jQuery attr() method is used to change the href attribute for a hyperlink. Query attr() method is used to fetch the value of any standard attribute from the matched HTML element(s). Let us see an example. First, get the current URL − var httpUrl = $(this).attr("href"); Create a new URL by replacing the above using the replace() − var httpsUrl = httpUrl.replace("http://", "https://"); We will convert the https links to link using what we saw above − Tutorialspoint Tutorialspoint Courses Tutorialspoint EBooks Tutorialspoint QA Example Let us see the complete example to change the ... Read More

To unescape HTML entities in JavaScript, use the unescape() function. Let’s say you want to encode special character with the unescape() function − document.write(unescape("Demo%20Text%20")); In this article, we will see two examples − Unescape Entities Decode the Encoded String Unescape Entities Example Lo unescape, we will use the unescape() method in JavaScript. Let us see an example − DOCTYPE html> Demo Heading document.write(unescape("Demo%20Text%20")); Output Decode the Encoded String Use escape() for encoding ... Read More