IE 中 Mediaelement.js javascript 错误

发布于 2024-10-14 21:10:10 字数 432 浏览 2 评论 0原文

我正在使用 MediaElement.js 作为正在进行的网站的 HTML5 视频播放器。即使使用后备播放器，它在 Chrome、Safari 和 Firefox 中也能正常工作，但在 Internet Explorer 中，我收到此处显示的 Javascript 错误： http://d.pr/Jsfo。它似乎没有加载我的海报或我的播放器风格（在其他浏览器中工作正常）。

播放器的代码是动态加载的，因为它出现在灯箱中，并且页面上可以播放多个视频。注入 HTML 的 Javascript 位于页面底部。

您可以在 http://mindsmack.ryangiglio 上看到实时开发站点。 com

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

彡翼 2024-10-21 21:10:10

不幸的是，您无法在 IE 中动态插入 HTML5 标记，因为它会破坏它们的嵌套

<video>
   <source src="file.mp4">
   <source src="file.webm">
</video>

，

<video />
<source src="file.mp4">
<source src="file.webm">

然后 MediaElement.js 无法找出源文件在哪里。

我的建议是将标记放在页面上的永久位置，然后准备一个 MediaElement 对象

var player = new MediaElementPlayer('#video');

，然后当您准备好播放视频时，只需调用它

// single MP4
player.setSrc('newfile.mp4');

// OR multiple
player.setSrc([{src:'newfile.mp4',type:'video/mp3'},{src:'newfile.webm',type:'video/webm'}]);

// load and play
player.load();
player.play();

此外，您应删除标记内的

Unfortunately, you can't dynamically insert HTML5 tags in IE because it breaks their nesting

<video>
   <source src="file.mp4">
   <source src="file.webm">
</video>

becomes

<video />
<source src="file.mp4">
<source src="file.webm">

And then MediaElement.js can't figure out where the source files are.

My recommendation would be to put a <video> tag in a permanent spot on the page, then prepare a MediaElement object

var player = new MediaElementPlayer('#video');

and then when you're ready to play a video, just call it

// single MP4
player.setSrc('newfile.mp4');

// OR multiple
player.setSrc([{src:'newfile.mp4',type:'video/mp3'},{src:'newfile.webm',type:'video/webm'}]);

// load and play
player.load();
player.play();

Also, you should remove the <object> embed HTML inside the <video> tag since that's only for cases when IE users don't have JavaScript enabled, and your app requires JavaScript.

回复收藏 0 原文

~没有更多了~