ajm*_*ann 8 flash mediaelement.js
我想让mediaelement.js的Flash回退工作,但它只显示左上角的"下载文件"的黑色区域.我生成的视频标记看起来非常像这样.我出于隐私原因修改了一些路径:
<video width="1024" height="576" preload="none" style="display: none; ">
<object width="1024" height="576" type="application/x-shockwave-flash" data="flashmediaelement.swf">
<param name="movie" value="/wp-content/themes/my_theme/js/vendor/mediaelement/flashmediaelement.swf">
<param name="flashvars" value="controls=true&file=http://mybucket.s3.amazonaws.com/my_video.mp4">
</object>
</video>
这有什么明显的错误吗？有没有办法获得一些调试输出？什么时候出现"下载文件"的东西？mediaelement.js页面没有在任何地方提及它.我首先想到其中一条路径一定是错的,但我在Chrome的调试工具中看不到任何失败的请求.
任何帮助表示赞赏!
编辑:我提取了失败代码的最小示例并将其上传到此处
iva*_*eev 11
1)您没有指定<source/>内部视频 - 这就是为什么它不起作用.您需要指定多个<source/>才能在不同的浏览器中使用 - 请参阅http://mediaelementjs.com/上的 "选项B" .
"下载文件"链接确实由MediaElement逻辑生成(请参阅参考资料mediaelement-and-player.js:1027).
2)只有在浏览器不支持<video>标记时才会调用Flash回退.要在浏览器中对其进行测试,请将"<video>"替换为无效标记 - 例如"<voodeo>".
这是固定代码(替换了一些路径以便能够测试它):
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript" src="http://ajmurmann.com/flash_test/mediaelement-and-player.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('video').mediaelementplayer({
enablePluginDebug: true,
plugins: ['flash','silverlight']
});
});
</script>
</head>
<body>
<video width="1024" height="576" controls="controls">
<!-- MP4 for Safari, IE9, iPhone, iPad, Android, and Windows Phone 7 -->
<source type="video/mp4" src="http://mediaelementjs.com/media/echo-hereweare.mp4" />
<!-- WebM/VP8 for Firefox4, Opera, and Chrome -->
<source type="video/webm" src="http://mediaelementjs.com/media/echo-hereweare.webm" />
<!-- Ogg/Vorbis for older Firefox and Opera versions -->
<source type="video/ogg" src="http://mediaelementjs.com/media/echo-hereweare.ogv" />
<object width="1024" height="576" type="application/x-shockwave-flash" data="http://ajmurmann.com/flash_test/flashmediaelement.swf">
<param name="movie" value="http://ajmurmann.com/flash_test/flashmediaelement.swf">
<param name="flashvars" value="controls=true&file=http://ajmurmann.com/flash_test/echo-hereweare.mp4">
</object>
</video>
</body>
</html>