在 HTML5 上播放 FLV 视频

发布于 2024-09-26 20:16:25 字数 1254 浏览 2 评论 0 原文

我告诉我的老板使用 HTML5，并使用 FLASH。

但他说他希望FLASH作为第一选择，如果浏览器（ipad或任何其他）无法识别FLASH，它应该播放我们得到的MP4文件。

我建议使用 HTML5 并使用 Flash。但他想要相反的结果。

我怎样才能做到这一点？你们有示例代码吗？

解决方案 使用 SWFObject（google 一下）和 SWF 控制器（如 FlashMediaPlayback.swf）。了解 iPad 对视频大小的限制非常重要。因此 MP4 文件不能大于 720p 和音频 160kbps。

我将在下面发布我的代码。您可以将其变成您的，并以您自己的方式使用它。

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

原文

I told my boss to use HTML5 with a fallback on FLASH.

But he said he wants FLASH as the first option, and if the browser (ipad or any other) can't recognize the FLASH , it should play the MP4 file we got.

I suggested HTML5 with fallback on Flash. But he wants the opposite.

How can I get that done ? Do you guys have sample code ?

Solution
Using SWFObject (google it) and a SWF Controller (like FlashMediaPlayback.swf).
It's very important to understand that the iPad has limitations with video size.
So the MP4 file can't be bigger than 720p and 160kbps for audio.

I'll post my code right below. You can make it yours and use it your own way.

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

分享到QQ

分享到微博