I have created a video using opencv-python in AVI format. When I open the video locally, it is playing. But when I embed this video to HTML5, it is not playing.
How can I fix this?
I have tried in both Chrome, Firefox.
I am using revive add server mp4 video ad, my problem here is, Revive add server mp4 video ad not working in firefox with html5 player. but it is working chrome and IE browser.
Actually mp4 video is not compatible in firefox, only a webm vedio allowed in firefox with html5 player.
I dont know how to play revive mp4 video ad on firefox with html5 player.
My code to get revive ad's:
'apiAddress': 'http://site/revive-adserver/www/delivery/fc.php?script=bannerTypeHtml:vastInlineBannerTypeHtml:vastInlineHtml&zones=pre-roll:0.0-0%3D'+zon+'%7Cmid-roll:1.0-0%3D'+zon+'%7Cpost-roll:2.0-0%3D'+zon+'&nz=1&source=&r=R0.8364616059698164&block=0&format=vast&charset=UTF-8'
Can anyone help me??
Thanks in advance.
I'm finding a way to play the m3u8 playlist with pure HTML5/JavaScript. HTML5 should not rely on flash to support HTTP Live Stream.
Are there any HTML5 player that support m3u8 without flash and other fallbacks?
At the very least, Safari on iOS does support HLS in the video element.
<video id="live" autoplay controls>
<source src="http://[WOWZA-IP]:1935/Live/mp4:[LIVESTREAMNAME]/playlist.m3u8" type="video/mp4" />
</video>
I am trying to play h264 encoded live stream using html5 video tag. Live stream is broadcasted by wowza media server and when visiting src link I get a valid playlist file. When trying to play the stream on android chrome browser, player does nothing and shows black screen.
Is this html5 video tag related issue or maybe broadcaster?
These are the formats you can play using html5 source tags.
Think of a video format as a zip file which contains the encoded video stream and audio stream. The three formats you should care about for the web are (webm, mp4 and ogv):
.mp4 = H.264 + AAC
.ogg/.ogv = Theora + Vorbis
.webm = VP8 + Vorbis
There is actually a good range of solutions for this. One solution would be to detect if HLS can be played:
document.createElement('video').canPlayType('application/vnd.apple.mpegURL') !== ''
However, this would not allow you to play HLS content on devices which do not support playback. At this moment, playback is only supported on Microsoft Edge, iOS Safari, OS X Safari and Android (however, I strongly advise against using HLS on Android due to limitations)
An other solution to play HLS across all platforms in HTML5 is to use an HTML5 HLS player such as THEOplayer. They managed to allow HLS to be played on all popular platforms and devices, including those without Media Source Extension support. Currently, the list of supported browsers and platforms includes: Internet Explorer, Edge, Firefox, Chrome, Opera and Safari on Windows, Linux, Mac OS X, Android, iOS and Windows Phone.
On Browsers supporting Media Source Extension you can use https://github.com/dailymotion/hls.js
For workarounds using flash, you can use FlasHLS chromeless player.
Try FlowPlayer. It provides a full HLS support with the least effort in server side!
As i said in the question, i am looking for a html5 player which supports:
Avi
mp4
xvid
flv
Any suggestions?
You aren't going to find a HTML5 player which supports the formats you listed. You can find a chart here showing which browsers support which codec. AVI and XVID aren't supported by any browser, you can however get around playing flv by using a flash player.