How to Play FLV Video in HTML Video tags?

S

5

17

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.

Swagger answered 24/8, 2013 at 1:26 Comment(3)

.flv is not a supported HTML video tag format. List of supported formats for video elements. – Jota 24/8, 2013 at 1:34

https://mcmap.net/q/744948/-play-flv-in-html take a look at this – Shuma 24/8, 2013 at 1:37

try flv.js https://github.com/Bilibili/flv.js , it works fine on my project. – Sharp 26/4, 2018 at 7:50

S

11

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.

Somatic answered 14/8, 2014 at 15:37 Comment(3)

vjs.Flash.formats = { 'video/flv': 'FLV', it looks like it plays flv files using a flash player. – Starryeyed 6/10, 2014 at 1:23

@Ron: show example to play video/flv please not rtmp/flv – Paving 17/3, 2015 at 13:37

Nope.. Actually the correct media-type is video/x-flv – Masonry 26/9, 2015 at 17:1

P

5

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

Precaution answered 24/8, 2013 at 1:37 Comment(1)

Why the "If you are using PHP"? I don't see any relation between the backend language and the frontend video client – Cantonese 18/1, 2015 at 0:17

A

4

Play it with Flash. I think it is the only way: http://css-tricks.com/forums/topic/how-to-play-flv-in-html5/

Ar answered 24/8, 2013 at 1:37 Comment(0)

C

4

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

Carr answered 14/8, 2018 at 2:41 Comment(0)

I

1

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.

Insistency answered 7/4, 2014 at 16:49 Comment(0)

Recommended topics

Hot tags