0

如果浏览器不支持它，我正在尝试对 html5 视频进行 Flash 后备。我可以在 chrome 上获得它，但 chrome 显示“没有支持格式的视频”。

我正在创建一个 swf 对象并使用 Modernizr 测试附加视频。我有 mp4 和 webm 格式的视频。由于 firefox 需要 ogv 格式，它应该呈现 flash 后备，但它没有这样做。

<div id="flash" width="230px" height="230px" style="display:inline-block">
  <video width="230px" height="230px" id="player2" controls="controls">
    <source src="'+path_webm+'" type="video/webm">
    <source src="'+path_mp4+'" type="video/mp4">
    <track kind="subtitles" src="../media/mediaelement.srt" srclang="en" />
      <p>Your browser leaves much to be desired.</p>
  </video>
</div>

var $vobj = $(mediaVideo);
$vobj.appendTo("#tab1");
if(!Modernizr.video.ogg) {
   so.write("flash");
}
});

这里的 swf 对象也是如此。

提前致谢！

4

3 回答 3

3

这是一个允许 HTML 5 视频回退到 Flash 的简单代码

<video id="movie" width="320" height="240" preload controls>
  <source src="pr6.webm" type='video/webm; codecs="vp8, vorbis"' />
  <source src="pr6.ogv" type='video/ogg; codecs="theora, vorbis"' />
  <source src="pr6.mp4" />
  <object width="320" height="240" type="application/x-shockwave-flash"
    data="flowplayer-3.2.1.swf"> 
    <param name="movie" value="flowplayer-3.2.1.swf" /> 
    <param name="allowfullscreen" value="true" /> 
    <param name="flashvars" value='config={"clip": {"url": "http://wearehugh.com/dih5/pr6.mp4", "autoPlay":false, "autoBuffering":true}}' /> 
  </object>
</video>

只需在所有源标签的末尾添加 Flash 视频嵌入代码。

于 2012-07-23T20:01:10.523 回答
0

下次请自行格式化代码！

您可以使用 html5 后备。几天前我刚刚回答了一个类似的问题。在这里检查：带有后备的 HTML5 视频标签

于 2012-07-11T17:44:48.580 回答
0

该公司在 The Chromium Blog 上的一篇文章中表示，它正在取消对 HTML5 H.264 视频编解码器的支持，转而支持 WebM (VP8) 和 Theora 视频编解码器。

阅读更多：http ://www.itproportal.com/2011/01/12/google-chrome-drops-h264-video-codec-support/#ixzz217vGB8dP

于 2012-07-20T02:42:29.950 回答