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
45
votes
6 answers

video.js size to fit div

I have a video in a div with a 40% width. In the html, width="100%" height="auto" makes the video disappear. Setting a specific size in pixels won't fit the div. Leaving the html blank leaves the video the wrong size and with black bars on the…
user2671810
  • 451
  • 1
  • 4
  • 4
44
votes
7 answers

HTML5 video element request stay pending forever (on chrome)

I have a weird issue in Chrome. Each time I load a
Simon Boudrias
  • 42,953
  • 16
  • 99
  • 134
41
votes
3 answers

Vue.js: Data is not updating with state change so the re-render does not happen

I have a reusable component that is a video.js video player. This component works fine when the data is passed in on the initial DOM load. I need to figure out why my component is not re-rendering after the state is updated in Vuex. The parent…
Jordan
  • 1,650
  • 2
  • 18
  • 17
25
votes
4 answers

HTML5 Video Seamless Looping

I know this question has been asked a number of times, and I've looked through every single one of them here on StackOverflow. I'm simply trying to loop a 5 second MP4 video in an HTML5 player and have it be seamless. I've tried both jwplayer and…
daveycroqet
  • 2,667
  • 7
  • 35
  • 61
22
votes
1 answer

Getting "Refused to create worker from blob" error in video.min.js when looking at Chrome console

Using 7.4.1, when I load a page with videojs on it, Chrome devtools is showing me this error: Refused to create a worker from 'blob:https://dev.culturediscovery.com/51e9879d-fa81-4044-9117- 7328c0df4dd6' because it violates the…
mck
  • 413
  • 1
  • 3
  • 14
19
votes
4 answers

Get YouTube captions

How can programmatically get subtitles of a playing YouTube video? Initially I've tried to do it offline via YouTube API, but as it seems YouTube forbids to fetch subtitles of videos you are not the owner. Now I'm trying to do it online. I haven't…
Filipp Voronov
  • 4,077
  • 5
  • 25
  • 32
19
votes
2 answers

VideoJS: Where is current information on supported video formats and their browser and platform compatibility?

Since the site reorg, I'm unable to find current information on supported video formats and their browser and platform compatibility. There's no search I can find on the videojs.com site, support links to SO, docs to the github readme, and far as I…
enigment
  • 3,316
  • 7
  • 30
  • 35
18
votes
2 answers

Show the current time of the video, instead of the remaining time on videojs

I use VideoJS, a HTML5 video player By default it displays the remaining time (countdown) instead of the normal current time (like youtube) Any ideas how to "fix" it? You can see a live example at their official website
Lucas Bustamante
  • 15,821
  • 7
  • 92
  • 86
16
votes
7 answers

How to initially mute videos?

I have tried: videojs("cats").ready(function(){ myPlayer.volume(0); }); ... but it did not work. I searched here and through the documents and am not finding the answer, or using the code correctly.
Will X
  • 327
  • 1
  • 2
  • 7
16
votes
3 answers

Initialize a Video.js player on a ajax loaded part of the page

The video player actually loads fine. My actual problem is when I refresh some parts of my page with AJAX and those parts contains a video player, the HTML5 player loads fine, but not the Video.js part that customizes it. The video.js file is loaded…
Jeff B.
  • 1,117
  • 3
  • 16
  • 40
15
votes
2 answers

How to detect if Chrome/Safari/Firefox prevented autoplay for video?

Background Since Chrome version 66, videos that should autoplay on my site may be prevented from playing if the user hasn't been on my site before. Question How do I detect if the video autoplay was disabled? And…
maxpaj
  • 6,029
  • 5
  • 35
  • 56
15
votes
4 answers

How to play rtmp live stream using videojs？

I'm using OBS to push live stream to my local rtmp server(node-rtsp-rtmp-server), and it works well with VLC media player. I just want to put it into a webpage and i found videojs. It didnt work and returns Specified “type”-attribute “rtmp/mp4” is…
Natsu
  • 203
  • 1
  • 3
  • 8
15
votes
2 answers

Trying to get full video duration but returning as Nan

I am trying to get the video duration of my player but it returns NaN, I am not entirely sure how to access it from here.
15
votes
2 answers

Can I use Video.JS as an audio player?

Can I use Video JS as an audio player if I did the following: changed the
Airman
  • 317
  • 2
  • 5
  • 15
15
votes
2 answers

How do I play a .swf file using video.js?

How do I play a .SWF file using the video.js player? I've played around with the code below, but I can not get it to work. When I open the .swf file directly (using open with IE), I then I am able to play the .swf file that way. JavaScript: // path…
Pankaj
  • 229
  • 3
  • 7
1
2 3
…
99 100