Include a MJPEG in a html-Site, using video.js

javascript html video.js mjpeg
F. Daniel picture F. Daniel · Dec 1, 2015 · Viewed 17.9k times · Source

Here's my case: I get a Stream from a Web-Server. The format of this Stream is MJPEG. I embedded this stream in a html-site with the following code: <img src="http://172.17.52.161:9000/stream/video.mjpeg">, but I'd like to use a Player for this stream. Is there a possibility to use video.js with mjpeg-streams? My overall goal is to compile these files with Phonegap-Build, to use it on my Smartphone, is this possible? Thank you for your help!

Answer

scaisEdge picture scaisEdge · Dec 1, 2015

You can use an <video> tag 

<video src="http://172.17.52.161:9000/stream/video.mjpeg" controls>
   Your browser does not support the <code>video</code> element.
</video>

Related questions

Playing with video.js ustream m3u8 file streaming

I have tried to play in a web page a m3u8 file streaming with video.js, But I could not do it, I do not know where the mistake is <!DOCTYPE html> <html> <head&…

Read More
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 …

Read More
VideoJS : keep controls visible

I like videoJS but can't find a way to keep the control bar always visible (no fade out when playing). I searched for informations about that and found a topic about it, where they advice to override the function conceal …

Read More