играть FLV в HTML - PullRequest
Новая
       25

играть FLV в HTML

15 голосов
/ 12 февраля 2010

Может ли кто-нибудь дать краткую инструкцию о том, как я могу сыграть в FLV-игру со своей HTML-страницы, пожалуйста?

Ответы [ 6 ]

31 голосов
/ 25 июня 2012

С video.js это очень просто. Все, что вам нужно сделать, это включить js & css в голову, а затем использовать код html5 как: 

<head>
    <link href="http://vjs.zencdn.net/c/video-js.css" rel="stylesheet">
    <script src="http://vjs.zencdn.net/c/video.js"></script>
</head>
<body>
    <video id="video1" class="video-js vjs-default-skin" width="640" height="480"
        data-setup='{"controls" : true, "autoplay" : true, "preload" : "auto"}'>
        <source src="video1.flv" type="video/x-flv">
    </video>
</body>

Для более подробной информации: http://videojs.com/ На самом деле, я не нашел информацию, указанную для воспроизведения файлов FLV. Но это работает отлично. :)

Вы можете использовать другие форматы видео, используя video.js, все, что вам нужно изменить, это набрать как ... 

<source src="..." type="video/mp4">

Кроме того, может возникнуть некоторая проблема с вашим браузером, поддерживает ли ваш браузер формат .mp4, я не могу воспроизвести .mp4 в chrome, но он отлично работает в Firefox. Попробуйте добавить больше источников с одинаковым видео в разных форматах. Как ... 

<source src="video1.mp4" type="video/mp4">
<source src="video1.ogg" type="video/ogg">
<source src="video1.webm" type="video/webm">
6 голосов
/ 12 февраля 2010

Оберните вокруг него флеш-плеер, например Flowplayer .Там в настоящее время нет другого пути;браузеры не могут просто визуализировать FLV.

См. руководство по установке для Flowplayer , в котором вы шаг за шагом узнаете, как разместить видео непосредственно в HTML.

1 голос
/ 31 декабря 2016

Вы можете попробовать https://github.com/Bilibili/flv.js

С flv.js, вы получите:

  • Pure HTML5 + JavaScript Video Player для FLV видео
  • PureHTML5 + JavaScript LiveStream Player для потоков http-flv
  • Безупречный опыт
  • Меньший размер, чем у видео H.264

Flv.js использует MSE (Расширения источников медиа)поэтому он будет доступен только в Chrome 43+, Firefox, но не в Apple / iOS Safari.

Flv.js мгновенно преобразует потоки FLV в потоки H.264, а затем передает поток H.264 в расширения Media Source.,Он будет отображаться как тег видео в элементе HTML с URL-адресом BLOB-объекта.

1 голос
/ 20 октября 2010

Я вполне уверен, что shadowbox также может воспроизводить FLV-файлы: http://www.shadowbox -js.com /

Он чистый, минимальный и довольно простой в настройке.

0 голосов
/ 12 февраля 2010

Другим действительно популярным Flash-плеером является JW Player, на http://www.longtailvideo.com/ У них есть хороший мастер установки, который генерирует код, который вам нужен.

0 голосов
/ 12 февраля 2010

Вставьте объект SWF в ваш HTML и назначьте FLV в атрибутах в качестве видео, которое будет воспроизводиться.

...