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
7
votes
0 answers

iOS Safari scrolls down when interacting with video.js player

Safari on iOS (10.3) jumping (scrolls down) when closing video.js player popup menu by clicking on menu button the second time. How to reproduce: https://codepen.io/mkhazov/full/PjBJvb/. Open this pen in Safari on iPhone or xcode simulator.…
quotesBro
  • 6,030
  • 2
  • 31
  • 41
7
votes
1 answer

VideoJS Resolution Switcher not restarting automatically after switching bit-rates in Flash mode

We're trying to offer the ability to switch between different video bitrates using the resolution switcher plugin (https://github.com/kmoskwiak/videojs-resolution-switcher) for a video.js player. Here is a demo page with basic setup to run videojs…
Ilya Toka
  • 71
  • 1
  • 2
7
votes
1 answer

AngularJS: How to open native video player on mobiles

I am using vjs-video AngularJS plugin for rendering videos in my app. On desktop it shows them in ngDialog (by binding dialog window to ng-click of gallery element) It's working ok, but on the mobiles I want to show native fullscreen player right…
svfat
  • 3,273
  • 1
  • 15
  • 34
7
votes
1 answer

Extremely weird behavior: IE11 seems to create an invisible tab when scripts are blocked and then allowed - how to fix it?

IE at its best: There is a USB stick with an HTML document on it. When the user opens it in IE11 and scripts are blocked, a prompt appears to allow those scripts to run. When you click on allow, the site seems to get reloaded, but it also looks…
Alex
  • 9,911
  • 5
  • 33
  • 52
7
votes
2 answers

VideoJS-Dynamically Change Sources

I'm looking to change the video source of my VideoJS player dynamically. I tried one method of changing the source directly via the DOM and it did change it, but the player needs to reload. So looking at the official API here:…
Aaron Chamberlain
  • 653
  • 2
  • 10
  • 26
7
votes
2 answers

Stream video with rtmp and videojs

I looking for a way to stream play videos with rtmp. I use video-js but it doesn't work. Firebug return an error : L'attribut « type » spécifié sur « video/flash » n'est pas géré. Le chargement de la ressource média…
Snabow
  • 331
  • 1
  • 5
  • 13
7
votes
6 answers

how to play flash(.flv) video using video.js in chrome

I am using video.js to play flash(.flv) video. But when I press play button it does not play video? I have used the "techorder:"["flash","html"]. But it made no difference. Is there any plugin to for flash video in videojs? How can I play .flv video…
Muhammad Zafar Naeem
  • 79
  • 1
  • 1
  • 11
7
votes
2 answers

Is there a way to include a custom http header in a

I have a simple html5 player, implemented with videoJS. In order to properly retrieve the source files from the server, I need to set a custom header in the request for the video. Since the application uses AngularJS, I implemented an Interceptor to…
ezabaw
  • 625
  • 2
  • 8
  • 21
7
votes
2 answers

How to set currentTime in video.js in Safari for iOS

Other is ok, but the setting of currentTime: I tried some ways like: videojs("example_video_1", {}, function() { this.currentTime(200); this.play(); }); And this is not working. videojs("example_video_1").ready(function(){ …
zzhxlyc
  • 81
  • 1
  • 1
  • 5
7
votes
2 answers

How can I zoom into video and switch streaming of videos in the same HTML5 player?

I have video that will be divided into 4 videos. First the player will stream a lower resolution of the original video, then the user can zoom into the video to see more details, I need the player to stream one of the 4 videos - that's higher in…
khateeb
  • 663
  • 1
  • 7
  • 17
7
votes
2 answers

How can I make the vjs-big-play-button appear when the video is paused?

I am presently tinkering with video.js, an open source HTML5 video player. There is this big-play-button (button name) which is shown before the video is started. Upon clicking the button "play", it disappears until the page is refreshed and the…
user3901281
7
votes
2 answers

Seeking in video.js player not possible in Chrome

I ran into this problem a couple of times: Seeking through videos within the video.js player is possible in any browser except chrome. That means, clicking on the progress bar won't change the current position of the video.
sk904861
  • 1,247
  • 1
  • 14
  • 31
7
votes
4 answers

Video JS - poster image cover/contain

VideoJS 4 uses different CSS behaviour from what I was used to for the poster image from what I can see. I've changed background-size CSS to "cover" instead of "contain", which means that even if the proportions of my image are wrong, the image…
Simon Watson
  • 85
  • 1
  • 3
  • 5
7
votes
2 answers

Cannot dynamically change a caption 'track' in Video.js

I'm coding a basic video marquee and one of the key requirements is that the videos need to be able to advance while keeping the player in full screen. Using Video.js (4.1.0) I have been able to get everything work correctly except that I cannot get…
fodder
  • 181
  • 3
  • 10
7
votes
4 answers

Video.js : show big play button at the end

I would like to show the big play button at the end of the video, so user can replay it easily. It seems that this big play button is shown by default (every posts I read are for hidding it instead of showing it...), but it is not the case for…
EMG
  • 101
  • 2
  • 3
  • 10
1 2 3
…
99 100