具有Flash后备功能的HTML5视频无法正常工作

时间:2013-04-28 09:33:44

标签: html5 flash video flv fallback

我正在尝试使用HTML5视频的视频元素和Flash后备的嵌套元素。我见过使用flowplayer回退到flash的代码 - 但是他们的文档只显示了一个javascript界面​​。有没有办法做下面的事情?为了测试,我删除了两行“source src =”...“

如果我必须使用javascript作为flash,我将如何根据HTML5进行编码?

谢谢!

<video id="movie" width="640" height="360" preload controls>
  <source src="./videos/fiddler-tradition.ogv" type="video/ogg; codecs=theora,vorbis" />
  <source src="./videos/fiddler-tradition.mp4" />
  <object id="flowplayer" width="640" height="360" 
        data="./flowplayer/flowplayer-3.2.16.swf"
        type="application/x-shockwave-flash">

        <param name="movie" value="./flowplayer/flowplayer-3.2.16.swf" />
        <param name="allowfullscreen" value="true" />

        <param name="flashvars"
            value='config={"clip":"./videos/fiddler-tradition.flv"}' />
   </object>
</video>

1 个答案:

答案 0 :(得分:0)

以上非java流程图代码(对象标记内的代码)在视频标记之外工作正常。我意识到我的问题是在我的localhost机器上测试没有html5的后备,而我所有的都是html5浏览器。我将上传到网络并尝试使用旧浏览器的另一台电脑。

更新:一切正常 - 在IE7中测试,代码回归到flash播放器。呀!