Воспроизведение FLV-видео с отступлением на HTML5 - PullRequest
Новая
       22

Воспроизведение FLV-видео с отступлением на HTML5

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

Я сказал своему боссу использовать HTML5 с отступлением от FLASH.

Но он сказал, что хочет FLASH в качестве первого варианта, и если браузер (ipad или любой другой) не может распознать FLASH,он должен воспроизвести файл MP4, который мы получили.

Я предложил HTML5 с отступлением на Flash.Но он хочет обратного.

Как я могу это сделать?Ребята, у вас есть пример кода?

Решение Использование SWFObject (google it) и SWF Controller (например, FlashMediaPlayback.swf).Очень важно понимать, что у iPad есть ограничения по размеру видео.Таким образом, файл MP4 не может быть больше 720p и 160 кбит / с для аудио.

Я выложу свой код прямо ниже.Вы можете сделать его своим и использовать его по-своему. 

<div style="text-align:center" >
<script type="text/javascript" src="swfobject.js"></script>
<script type="text/javascript">
    var flashvars = {};
    flashvars.src = "demo.flv";
    flashvars.controlBarMode = "floating";
    flashvars.autostart="true";
    var params = {};
    params.allowfullscreen = "true";
    params.allowscriptaccess = "always";
    params.bgcolor = "#1a1a1a";
    params.scale = "showall";
    var attributes = {};
    swfobject.embedSWF("demo_controller.swf", "videoDiv", "920", "560", "10.1.0", "expressInstall.swf", flashvars, params, attributes);
</script>

<div id="videoDiv" style="text-align:center">
<video controls="controls" width="720" height="480">
<source src="demo.mp4" type="video/mp4"/>
<source src="demo.ogv" type="video/ogg"/>
</video>
</div>
</div>

Ответы [ 2 ]

4 голосов
/ 09 октября 2010

Если вы используете SWFObject Я полагаю, вы можете поместить видео тег в div, который SWFObject заменяет на Flash, если Flash установлен.

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

Создатели видеоплееров называют это «упадком», который может помочь в вашем поиске.

Я бы посоветовал вам взглянуть на некоторые из существующих решений, которые часто оборачивают флеш-плеер в HTML5-подобный API для лучшей совместимости. В бета-версии Kaltura HTML5 есть альтернативный пример: http://www.kaltura.org/advanced-examples.

...