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
0
votes
1 answer

video_js__WEBPACK_IMPORTED_MODULE_1__ is not a function

i am using video.js library in angular version 8 and getting error TypeError: video_js__WEBPACK_IMPORTED_MODULE_1__ is not a function @ViewChild('myplayer', {static: false}) videoElement:ElementRef ; import * as videojs from…
0
votes
1 answer

VideoJs formatTime is undefined

I'm using videojs and want to use the function as per docs formatTime, but I get as result undefined I don't use npm package of videojs, instead, I have referenced the minified version 7.6.5 direct in my code. Is there any extra file I should…
DAG
  • 2,460
  • 5
  • 33
  • 61
0
votes
1 answer

VideoJS - multiple videos

I am needing to create a page that will include several videos 2-10. There are 2 options that I would like to consider. One, would be to just have a list of clickable links that would load into one player. The other would be to have all the videos…
Ferran
  • 1
0
votes
0 answers

createObjectURL for blob in memory does not work to set source in videoJS

I am using fetch to download a mp4 file and keeping the result in a blob object using a worker. Something like this: fetch('http://techslides.com/demos/sample-videos/small.mp4') .then(function(response){ response.blob().then(function(blob) { …
0
votes
1 answer

video.js throws InvalidStateError in Internet Explorer

Using video.js in IE11 the player is failing to load video segments. If I look in the console I see an "InvalidStateError" error. The offending line is within the xhr library dependency of the video.js package: //…
sdgluck
  • 24,894
  • 8
  • 75
  • 90
0
votes
0 answers

rtmp can be played by ffplay, but video.js not

I just run ffprobe -show_frames -i rtmp://127.0.0.1:1935/live/0 and I got: ffprobe version 4.1 Copyright (c) 2007-2018 the FFmpeg developers built with gcc 5.4.0 (Ubuntu 5.4.0-6ubuntu1~16.04.10) 20160609 configuration: --enable-shared…
Cat Tom
  • 26
  • 2
0
votes
1 answer

Ionic 3 , videojs-panorama not supporting in Android getting error DOMException: Failed to execute 'texImage2D' on

I am getting this error when using videos-panorama Dom Exception: Failed to execute 'texImage2D' on 'WebGLRenderingContext': The video element contains cross-origin data, and may not be loaded. https://github.com/yanwsh/videojs-panorama
0
votes
2 answers

brightcove player mediainfo object details not printing

I using player object. var player = videojs.getPlayer('videoplayer'); when console.log(player) it will be shows mediainfo object. But when consolinging mediainfo name value it will return undefined. console.log(player.mediainfo.name); I will expect…
B Developer2
  • 49
  • 2
  • 9
0
votes
1 answer

brightcove player replace controlbar paly and pause button with play and pause images

I trying to replace play/pause controlbar icon with images. .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before, .vjs-icon-pause:before { background-image: url(pause.png); } Using above class image get displayed but old icon…
B Developer2
  • 49
  • 2
  • 9
0
votes
1 answer

brightcove player how to set options in custom component

I am trying to add custom button using components. Try to displaying company logo on player. Defining option objects and calling into component but not getting value in component function. (function(window, videojs) { var options = {"logo":…
B Developer2
  • 49
  • 2
  • 9
0
votes
1 answer

Videojs and clappr livestream always open on livestream, how to disable?

I have a page that shows a live stream video, but when I open that page on ios devices it open live stream on fullscreen mode, and when exit of fullscreen mode the live stream pauses. I want that the live stream video play without opening it on…
Luis Melendez
  • 89
  • 1
  • 10
0
votes
0 answers

Uncaught ReferenceError: videojs is not defined

Goodevening, I'm doing a project for university, the poject consist in a video plus a json file. While the video player is transmitting the video, it should read a json file and transmit the information contained on the screen. I'm not a developer…
0
votes
1 answer

Why won't this mp4 play in a video-js

I'm using ffmpeg to convert files to MP4. I've made some modifications to the ffmpeg string but now it seems no matter what I use, the video won't play in an HTML5 tag (Chrome browser). Normally, I just used "-vcodec libx264 -s 1280x720 -ar…
Velocedge
  • 1,222
  • 1
  • 11
  • 35
0
votes
1 answer

How to associate screen reader-accessible text with a video.js element, such as the Play button

The context of the issue is passing Section 508 accessibility testing of html pages containing multiple embedded videos, 4 in this case. The failure was described as: "Play button has no screen-reader identification of video title about to be…
Charles
  • 101
  • 3
0
votes
1 answer

videojs - How to catch custom http error codes during live stream?

I have a live stream (HLS) that I am playing using videojs 6.8. For some users, after the playback has started (about 4-5 .ts files have been loaded) the server throws me a 409 error. How do I catch this specific error code so that I can…
Samia Ruponti
  • 3,910
  • 12
  • 42
  • 62