ai-agent

video.js

Name: video.js
Author: videojs

Video.js - open source HTML5 video player

39,835 stars7,484 forksJavaScriptUpdated 6/29/2026100% free · open source

What it does

Video.js is an open-source HTML5 video player that allows you to easily embed videos into your website or application with customizable features and plugins.

Install / run

npm install video.js

When to use it

•You need to embed video content into your website or web application
•You require a customizable video player with features like playback controls, thumbnails, and subtitles
•You want to support multiple video formats and streaming protocols, such as HLS, DASH, and MP4

Quick start

1Include the Video.js CSS file in your HTML document: <link href="https://unpkg.com/video.js@7.11.0/dist/video-js.css" rel="stylesheet">
2Add the Video.js JavaScript file to your HTML document: <script src="https://unpkg.com/video.js@7.11.0/dist/video.js"></script>
3Create a video element in your HTML document: <video id="my-video" class="video-js" controls preload="auto" width="640" height="264" poster="MY_VIDEO_POSTER.jpg" data-setup="{}">
4Initialize the video player using JavaScript: var player = videojs('my-video');
5Configure the video player with options, such as playback rates and subtitles, using the videojs() function: var player = videojs('my-video', { playbackRates: [0.5, 1, 1.5, 2], subtitles: {...} });

Ready-to-paste prompt

Create a video player with a custom playback rate and subtitles: var player = videojs('my-video', { playbackRates: [0.5, 1, 1.5, 2], subtitles: { src: 'subtitles.vtt', kind: 'subtitles', srclang: 'en' } });

Heads up: Make sure to include the Video.js CSS file in your HTML document, as the player's styles and layout are defined in this file, and without it, the player may not render correctly.

Saves to your device