mediaelement.js 在 Chrome 和 FF 或 IE 中无法正常工作；狩猎之旅

发布于 2024-11-13 10:27:55 字数 987 浏览 6 评论 0原文

我遇到了一个奇怪的问题，我正在使用 mediaelement js 媒体播放器来提供 YouTube 视频中的视频。

问题是我在一个网站上使用它，它在所有浏览器中都运行良好。我已经复制了在另一个网站上使用的代码，但它在 FF & 中无法正常工作。 IE。

它在控制台中抛出此错误

this.pluginApi.playMedia() is not a function

两个站点都在同一服务器上，所有相同的 js、css 文件都处于相同的顺序，播放器实例在同一位置初始化等等。

我还显示了 2 组控件！在 Chrome 中，如果刷新则不会发生这种情况，只有在 Safari 中打开 Web 检查器时才会发生这种情况，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文件，没有骰子。

原文

I jave a strange issue, I'am using the mediaelement js media player to serve up video from youtube videos.

The thing is I'am using it on one site where it works great in all browsers. I have literally copied the code for use on another site and its not working properly in FF & IE.

It throws this error in the console

this.pluginApi.playMedia() is not a function

Both sites are on the same server, all the same js,css files are in the same order, player instances initialized in the same place etc..

Im also getting 2 sets of controls showing up! In Chrome, this doesnt happen if you refresh, only happens in safari if web inspector is open, only 1 set of controls in IE.

anyone had similar issues?
heres some code im using

<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&poster=myvideo.jpg&file=myvideo.mp4" />
</object>

I have tried all this with setting the paths in the object params to the YT files too, no dice.

分享到QQ

分享到微博