Stack Overflow
Stack Overflow

Questions tagged [video.js]

Video.js is an open source JavaScript framework for embedding and working with HTML5 and Flash video. It uses the HTML5 video tag as an embed code, and has a common HTML/CSS skin and API for both HTML5 and Flash.

What is ?

Video.js is an and library that makes it easier to work with and build on . This is also known as an HTML5 Video Player. it's licensed under the Apache License, Version 2.0. View the license file.

Video.js provides a common controls skin built in HTML/CSS, fixes cross-browser inconsistencies, adds additional features like fullscreen and subtitles, manages the fallback to Flash or other playback technologies when HTML5 video isn't supported, and also provides a consistent JavaScript API for interacting with the video.

It can be extended to work with additional players, like YouTube and QuickTime. Video.js also support HLS, 360 degree, live streaming and panorama videos.

Resources

2234 questions
10
votes
3 answers

Change the video playback speed using video.js

Is there any existing plugin to change the playback rate of a video using the video.js player? If not, how can I add the new plugin and the new control button for the same? Thanks in advance.
Aditya
  • 113
  • 1
  • 1
  • 5
10
votes
5 answers

Remove Big play button and show the bottom play menu

Is there any possibility to remove to middle play button at start (yes I know I could just remove the css class) and instead show the bottom play bar? Basically what I would like to achieve is to show the video (with poster image) and the play-menu…
Triphys
  • 123
  • 1
  • 2
  • 9
9
votes
2 answers

Stream AWS S3 HLS Videos in iOS Browsers

How can I stream HLS(.m3u8) in iOS Safari Browsers? My videos are stored in AWS S3 Bucket and the only way to access the video and audio .m3u8 is to pass a signed URL. I am using videojs to stream videos. videojs.Hls.xhr.beforeRequest is not…
monkeydluffy
  • 229
  • 1
  • 7
  • 22
9
votes
3 answers

Increase buffer size or time for video-js HTML5 player

how do I increase buffer on video-js HTML5 player? I have a US server and in the US is all fine but clients in EU have loading issues related to video caching. buffer size in video.js is constant value and I want to change it.
Steve Harrig
  • 175
  • 1
  • 3
  • 9
9
votes
4 answers

Adding Custom Video.js Control Bar buttons

I've been working on video.js for like a day so I'm a real newbie when it comes to this stuff Today I just wanted to add a button that will switch between two videos. I did it in jQuery quick and easy. But I would rather do it in javascript to…
user3171119
  • 91
  • 1
  • 1
  • 4
9
votes
2 answers

How to pause video on video.js without controls

I'm using video.js. Here's how I have implemented it.
9
votes
3 answers

video.js.map throwing a 404 (Not Found)

Playing around with the newest video.js today, I'm noticing that video.js.map is showing up as a 404 when putting the video.js script into a site that I'm working on. I don't see a source map file in the initial distribution, but it doesn't throw…
ff4500
  • 163
  • 1
  • 11
9
votes
4 answers

MP4 in Video.js not playing until fully loaded

I'm using Video.js to play back videos in MP4 format on a client's website. The player uses html5 video and Adobe Flash Player as a fallback. (In my case it seems to use Flash always so I don't know if the problem exists in the native html5 player…
max
  • 91
  • 1
  • 1
  • 2
9
votes
3 answers

HTML5 video being downloaded 'twice' for no reason

I was just wondering why sometimes browsers need to call an HTML5 video twice before playing it. Is that normal or it's actually a bug? What happens under the hood? Not sure my question is particularly easy to understand I took a screenshot from…
Izaias
  • 389
  • 3
  • 15
8
votes
2 answers

How to add quality selector option on videojs

The following is my code: I need to add a quality selector in a webpage which uses videojs. I am not sure on how to use the plugins, there weren't any examples of plugins in React. The way I inserted the plugins don't work. Please…
Hardik joshi
  • 81
  • 1
  • 3
8
votes
2 answers

How to make marker mark any where on progress dynamically

I have a problem with marker, I want the marker to be stretchable to mark anywhere on the progress bar As shown in below GIF Question: I want to select any point on the progress bar and be able to stretch the marker, which can be multiple marker…
EaBengaluru
  • 131
  • 2
  • 17
  • 59
8
votes
1 answer

Video.js Seek Bar - Seek point behind mouse cursor

I'm using Video.js (v6.9) and I don't understand why the seek position is behind the mouse cursor. The worst part is, Firefox is the only browser that renders it correctly, so I can't pinpoint what the issue is. Here's a screen grab of what's…
Martavis P.
  • 1,708
  • 2
  • 27
  • 45
8
votes
1 answer

How to set up self-hosted video.js player with playlist?

Desired Behaviour A responsive video.js player with playlist (official demo here) in a Google Apps Script environment with firewall restrictions, which therefore requires self-hosted files. The Google Apps Script application behind a firewall…
user1063287
  • 10,265
  • 25
  • 122
  • 218
8
votes
1 answer

Relation between html5 video player and video js

I am starting off on HTML5 and javascript and I have a basic doubt about video.js regarding the relation between HTML5 player/html "video" tag and video.js and the purpose of video.js. My specific questions are: Does video.js internally uses the…
Archit Sinha
  • 775
  • 1
  • 8
  • 33
8
votes
1 answer

Using video.js to play video inline on ios?

I am trying to use video.js to maintain a consistent video skin across all platforms. The below code works for everything (chrome, firefox, ie, android) but safari on ios (haven't tested desktop version of safari). When attempting to play the video…
whitwhoa
  • 2,389
  • 4
  • 30
  • 61
1 2
3
…
99 100