Question

我告诉我的老板使用HTML5和FLASH后备。

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

我建议在Flash上使用回退HTML5。但他想要相反。

我怎样才能完成这项工作？你们有样例代码吗？

解决方案 使用SWFObject（谷歌）和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>

Answer 1

如果你使用SWFObject我猜你可以在div中放置一个视频标签，如果安装了Flash，SWFObject会替换为Flash。

Answer 2

视频播放器创建者称之为“前进”，这可能有助于您的搜索。

我建议您查看一些现有的解决方案，这些解决方案通常将Flash播放器包装在类似HTML5的API中，以实现更好的兼容性。 Kaltura HTML5测试版在http://www.kaltura.org/advanced-examples处有一个前瞻性示例。

在HTML5上播放带有后备的FLV视频

2 个答案: