Как играть в FLV Video в HTML-теги видео?

Question

Я посмотрел пару игроков, таких как Flow Player, JW Player и еще пару, но я не могу заставить его работать точно в PHP-коде.

Есть ли способ воспроизвести FLV в HTML-тегах HTML?

Я знаю файлы MP4 и OGG, но то, над чем я работаю, будет создавать FLV-файл.

Answer 1

Воспроизвести его со вспышкой. Я думаю, что это единственный способ: http://css-tricks.com/forums/topic/how-to-play-flv-in-html5/

Answer 2

Возможно, вы захотите использовать некоторые другие проигрыватели, которые могут проигрывать файлы FLV; Известные браузеры (Chrome, Firefox и т. Д.) Не могут запускать FLV-файлы до тех пор, пока вы не используете какой-либо флеш-плеер.

1. Если вы используете PHP, вы можете использовать флеш-плеер! Используйте Adobe Flash Player, не стесняйтесь! YouTube и многие другие сайты используют его.

2. Вы также можете попытаться придерживаться сверстников, которые вы уже пробовали.

3. Вы можете конвертировать видео в MP4 или формат OGG. Чтобы каждый браузер мог воспроизводить видеофайл с помощью тега HTML5 <video></video>.

Но помните: Каждый браузер имеет свой собственный limitaion для воспроизведения видеофайла; вы можете прочитать поддержку браузера здесь: Mozilla Developer Network

Answer 3

Технически говоря, спецификация видео HTML5 является агностиком кодека/протокола, поэтому можно представить, что поддержка FLV-файлов может быть возможна. Проблема в том, что ни один из основных веб-браузеров не реализовал ее (возможно, потому, что flv является запатентованным контейнером от Adobe). Вам понадобится компонент вспышки, чтобы воспроизвести его. Любой из игроков, о которых вы упомянули, или если вы ищете автономный бесплатный флеш-плеер, попробуйте строб из Adobe. Вы можете попробовать here.

Если вы можете создавать файлы .f4v, у вас может быть успех при переименовании их в mp4, а затем попытайтесь воспроизвести их в теге HTML5.

Answer 4

Вы должны посмотреть video.js от www.videojs.com Я использую его потоковое видео в прямом эфире. Он имитирует видео тег следующим образом:

<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> 

Работает очень хорошо для меня.