【发布时间】:2011-11-14 19:26:22
【问题描述】:
我一直在使用 MediaElement.JS 测试一个网站,到目前为止我印象非常深刻。我已经在 Mac 上的 FF 和 Safari 上测试了 Flash 后备支持。我还在使用 IE9 和 Google Chrome 的 Windows 7 上对其进行了测试。一切正常,如果编解码器无法加载,则使用我在 Flash 播放器中拥有的 mp4 版本的视频。
但是,在 IE7 中对其进行测试后,Flash 播放器无法加载。我什至看不到视频的任何控件,并且右键单击元素我没有得到标准的 Flash 设置菜单。但是,它确实有一个黑框,该元素应该出现在其中(这不是我的样式)。
这是我的支持 Flash 后备的视频元素块:
<video id="video-tag" width="640" height="360" poster="war-torn.png" controls="controls" preload="none">
<!-- MP4 for Safari, IE9, iPhone, iPad, Android, and Windows Phone 7 -->
<source id="source-mp4" type="video/mp4" src="war-torn.mp4" />
<!-- WebM/VP8 for Firefox4, Opera, and Chrome -->
<!-- Flash fallback for non-HTML5 browsers without JavaScript -->
<object width="320" height="240" type="application/x-shockwave-flash" data="flashmediaelement.swf">
<param name="movie" value="flashmediaelement.swf" />
<param name="flashvars" value="controls=true&poster=war-torn.png&file=war-torn.mp4" />
<!-- Image as a last resort -->
<img src="war-torn.png" width="320" height="240" title="No video playback capabilities" />
</object>
</video>
我正在页面中进一步实现 MediaElement.JS,如下所示:
<script src="../build/mediaelement-and-player.min.js"></script>
<script>
$("#video-tag").mediaelementplayer({
features: ['playpause','progress','current','volume']
});
</script>
我不确定发生了什么,因为如果我删除 WebM 的标签,而 FF 使用 Flash 后备,它会完美运行。如果有人有任何见解,将不胜感激。谢谢!
我也收到此错误消息:
'0.url' 为空或不是对象
mediaelement-and-player.min.js
代码:0
URI:js 文件的 URL
行:41
字符:4
IE7兼容模式下也不行。
【问题讨论】:
标签: mediaelement.js