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

Video-js tag autoplay HLS Live stream

I am live streaming via videojs. The stream works but I am unable to get it to autoplay. Instead I need to click the play button each time I go on the page.
Edge
  • 11
  • 1
  • 4
0
votes
1 answer

I have a problem with videojs node-modules

so i export my project from codesandbox (it works there) to visual code and now im having problems with this ...´ Module parse failed: Unexpected character '@' (1:0) You may need an appropriate loader to handle this file type, currently no loaders…
Miguel Rodrigues
  • 1
0
votes
1 answer

Using video.js I am trying to use variables, not text, to supply the video source url and the poster url (and eventually the subtitle (track) element

This is part of the video html I am using....
pbb
  • 1
  • 1
0
votes
0 answers

I am running a simple Node.JS server that gives data in stream in application/octet-stream format

I have a simple setup that includes a simple web interface that uses webcam to send the media data to Node.JS Server, the server then sends this data to another where I need to display the live video on the interface. The issue that I am facing is…
Kushagra Saxena
  • 671
  • 5
  • 17
0
votes
1 answer

Detect current fragment id in VOD with videoJS

How can I know what fragment number is currently playing and buffered in videoJS? For example, with fragments of 6s, and player is in 31s currently playing, current segment is id=6 but how can I know it without know that segment size is 6s? Also,…
Pavel Angel Mendoza Villafane
  • 417
  • 4
  • 21
0
votes
0 answers

preload a second video while other is playing with videoJS

I am testing videoJS in a web app in chrome and measurement first buffering time (to start to play) and delay is ok but when I test in a different device, like a tv the delay increases to ~7s. I am testing only HLS videos and I noticed that…
Pavel Angel Mendoza Villafane
  • 417
  • 4
  • 21
0
votes
1 answer

Videojs not working with dynamic URL but working with static URL

I am tryign to implement videojs in my reactjs project. I am providing "src" to video component as props. The plauer "No compatible source was found for this media.". Below is my code initVideoJS = () => { let self = this; let that =…
EdG
  • 2,243
  • 6
  • 48
  • 103
0
votes
1 answer

How to remove from DOM all the videoJS controls

I know that I can to pass controls="false" to not show controls, text-boxes and any other stuff from videojs, but that only hide that elements. I want to know how to remove completely all the elements added by videoJS from DOM.
Pavel Angel Mendoza Villafane
  • 417
  • 4
  • 21
0
votes
1 answer

Stream video with videojs

I use videojs and hls to stream video. The .m3u8 loading is found but I have this error. Anyone know how to fix this? Mixed Content: The page at 'https://domain/course/9/154' was loaded over HTTPS, but requested an insecure XMLHttpRequest endpoint…
hai long nguyen
  • 1
0
votes
2 answers

how to remove redundant components from videojs

I'm tring to use videojs in my web,but there are many unexpected situations. can someone help me? shown in figure Related code snippet：
hasakeyi
  • 1
  • 1
0
votes
1 answer

HLS Fairplay DRM content I got error to obtain licence key from DRM server by using videojs and videojs-contrib-eme

HLS Fairplay DRM Content videojs return Failed to load resource: Origin https:// is not allowed by Access-Control-Allow-Origin. when trying to get licence for HLS fairplay. I am using Videojs version @7.5.5 and videojs-contrib-eme version…
Venkat
  • 9
  • 3
0
votes
1 answer

Why this dash manifest keeps the player stuck until streams are downloaded?

I have this manifest file below . The issue is that the player waits for the streams to download completely before to start playing which is bad for the user experience. Any idea how to fix it? I expected the player to start range requests and feed…
Mihai
  • 438
  • 3
  • 13
0
votes
1 answer

Video.js work with vue-electron for video playlist

I am work on autoplay video playlist. I use glob to get all video absolute path from a target folder. My code is below: let vm = this; let trailerList = null; trailerList = glob.sync(`${__static}/trailers/*.{mp4,flv,mov}`).map(path => { return…
Miu Ngai Lau
  • 1
0
votes
1 answer

How to drawline between 2 markers in videojs

I want to draw line between 2 markers i,e between '[' and ']' boxes. I have 2 points i,e startTime and endTime I get them by function getRandomStartOrEndTime(), i will consider smaller time as startTime and larger one as endTime Two boxes [ is ]…
EaBengaluru
  • 131
  • 2
  • 17
  • 59
0
votes
2 answers

Why videojs progress bar is not staying fixed

i have problem with videojs progress bar . it is not staying fixed. Question: how to make progress bar fixed when it is in hover or normal state. Observe below 2 screens: when we move cursor on video its progress bar is moving up. i want it to be…
EaBengaluru
  • 131
  • 2
  • 17
  • 59
1 2 3
…
99 100