WebM不会在不支持mediaelement.js的浏览器中回归Flash

时间:2011-03-01 08:59:59

标签: html5 html5-video mediaelement.js webm

我正在尝试使用mediaelement.js在HTML5中显示视频,如果浏览器不支持,则回退到Flash。 它说,当不支持编解码器时,它会自动回退,但它不会,只显示一个图像。如果我删除了WebM行,那么它会向我显示Flash播放器。

任何人都知道如何解决这个问题?

这是我正在使用的代码:

<video class="videos" width="560" height="315" controls="controls" poster="img/img.jpg">
                        <source type="video/webm" src="videos/video.webmvp8.webm" />

                        <object width="560" height="315" type="application/x-shockwave-flash" data="flashmediaelement.swf">
                            <param name="movie" value="flashmediaelement.swf" />
                            <param name="flashvars" value="controls=true&poster=img.jpg&file=videos/video.flv" />
                            <!-- Image as a last resort -->
                            <img src="img/img.jpg" width="560" height="315" title="No se encontr&oacute; posibilidad de reproducir el video" />
                        </object>
        </video>

1 个答案:

答案 0 :(得分:0)

“最后的手段”img元素应位于object元素之外且位于其下方。