Can anybody help me setup a HTML5 video player with fallback on flash and only using mp4 video files? The file should be supplied from a URL (like http://www.resursecrestine.ro/download/41323).
Thank you!
You might want to look into videojs. It supports MP4 and more, and has a lightweight Flash fallback.
Related
Is there any way I can detect via javascript what is the framerate from the video referenced in the video html5 tag?
I'm also looking for bitrate and codec information since html5 video player is codec agnostic.
thanks
The FPS is stored in the metadata of the video file's header.
Here is an implementation API of what you are looking for: https://github.com/X3TechnologyGroup/VideoFrame
http://jsfiddle.net/Ck6Zq/184/
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.
I have had a look at a couple of players like Flow Player, JW Player and a couple more but I can't get it to work exactly in PHP code.
Is there any way to play FLV within HTML Video Tags?
I know MP4 and OGG files will but the thing that I am working on will produce an FLV file.
You should look at video.js from www.videojs.com I have been using it streaming live video feeds. It mimicks the video tag like this:
<video id="example_video_1" class="video-js vjs-default-skin"
controls preload="auto" width="640" height="480"
poster="http://video-js.zencoder.com/oceans-clip.png"
data-setup='{"example_option":true}'>
<source src="rtmp://localhost/live/test" type="rtmp/flv">
</video>
Works very well for me.
You might consider using some other players that are able to play FLV files; Known browsers (Chrome, Firefox etc...) are not able to run FLV files untill or unless you use some kind of flash player.
If you are using PHP, you might want to use a flash player! Use Adobe Flash Player, don't be shy! YouTube and many other websites use it.
You can also try to stick to the flayers you have already tried.
You can convert videos to MP4 or format of OGG. So that every browser can play the video file using the HTML5 <video></video> tag.
But Remember: Each browser has its own limitaion for playing a video file; you can read browser support here: Mozilla Developer Network
Play it with Flash. I think it is the only way: http://css-tricks.com/forums/topic/how-to-play-flv-in-html5/
You can do it using flv.js or via MediaElement.js (that will use flv.js underneath), although the support is limited to FLVs that contain H.264 video with AAC/MP3 audio.
Use MediaInfo software or your favorite video player to check what codecs are used in your FLVs.
And if you have H.264 + AAC inside, you can also convert it to MP4 losslessly, without reencoding:
ffmpeg -i input.flv -codec copy output.mp4
Technically speaking the HTML5 video specification is codec/protocol agnostic so one could imagine support for flv files could be possible. Problem is: none of the major web browser has implemented it (probably because flv is a proprietary container from Adobe). You will need a flash component to play it back. Either one of the players you mentioned or if you are looking for a standalone free flash player try strobe from Adobe. You can try it here.
If you can produce .f4v files you may have success in renaming them to mp4 and then try and play them in an HTML5 video tag.
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.
i am playing mp3 file in my web with google player :
http://www.google.com/reader/ui/3523697345-audio-player.swf
and i can't playing m4a files with this player too.
there is any way to play m4a files with this player too? or there is another player to play m4a files in my browser?
this is how i am using the player:
<embed type=\"application/x-shockwave-flash\" flashvars=\"audioUrl=songUrl&autoPlay=true\" src=\"http://www.google.com/reader/ui/3523697345-audio-player.swf\" width=\"400\" height=\"27\" quality=\"best\"></embed>
According to this, this is a bit of a complex issue: Flash (the technology your audio player, and most others on the web currently, is based on) is able to play MPEG-4 content, but only when declaring the content video, not audio. Why this is, I have no idea.
You may be able to play M4A sound files if you can find a Flash video player that suits your needs. Alternatively, consider using HTML 5 Audio.
Update: jPlayer, a jQuery/Flash/HTML5-Based audio player, claims to be able to play MPEG-4 Audio content. You should be able to use that.