mediaelement.js在Chrome和IE中无法正常使用FF或IE苹果浏览器

时间:2011-06-02 09:56:21

标签: javascript jquery youtube mediaelement mediaelement.js

我遇到一个奇怪的问题,我正在使用mediaelement js媒体播放器来播放来自YouTube视频的视频。

事情是我在一个网站上使用它,它在所有浏览器中都很好用。我已经完全复制了代码以便在另一个网站上使用,而且它在FF& IE。

它会在控制台中抛出此错误

this.pluginApi.playMedia() is not a function

两个站点都在同一台服务器上,所有相同的js,css文件的顺序相同,播放器实例在同一个地方初始化等等。

我也出现了2套控件!在Chrome中,如果您刷新,则不会发生这种情况,只有在Web检查器打开时才会在Safari中发生,IE中只有一组控件。

是谁有类似的问题? 继承了一些使用

的代码
<video id="video_player" width="480" height="300" controls="controls"         preload="none">
<source type="video/flv" src="http://www.youtube.com/v/<? echo $row['youtubeid']; ?>" />
<object width="480" height="300" type="application/x-shockwave-flash" data="flashmediaelement.swf">
    <param name="movie" value="flashmediaelement.swf" /> 
    <param name="flashvars" value="controls=true&amp;poster=myvideo.jpg&amp;file=myvideo.mp4" />
</object>

我已经尝试了所有这一切,将对象参数中的路径设置为YT文件,没有骰子。

1 个答案:

答案 0 :(得分:0)

万一其他人遇到这个问题......

事实证明我们正在使用的一些脚本 - 罗杰约翰逊的cbb - http://www.456bereastreet.com/ 与我们的视频播放器相冲突。也许这与mediaelement正在创建由cbb脚本创建的元素内的元素这一事实有关。

无论如何,我们通过使用单独的页面来修复视频,然后我们通过iframe将其调用到我们的视频页面。现在工作正常