Question

我有这个简单的代码：

HTML

<head>
   <script src="https://code.jquery.com/jquery-1.12.0.min.js"></script>
   <script src="https://code.jquery.com/jquery-migrate-1.3.0.min.js"></script>

   <script src="build/mediaelement-and-player.js"></script>
   <link href="build/mediaelementplayer.css" rel="stylesheet">

   <script src="main.js"></script>
</head>

<body>
   <video id="video-player" preload="preload" autoplay="autoplay">
      <source type="video/youtube" src="https://www.youtube.com/watch?v=q7o7R5BgWDY" />
   </video>
</body>

JS

$(function() {
   $('video').mediaelementplayer();
});

我将此文件与构建目录中http://mediaelementjs.com/的文件一起上传到我的服务器上。所有mediaelement文件都在build目录中，而index和js文件在root中。

在Chrome中运行没有任何问题，在explorer / Edge中也是如此。但是FireFox不会运行它。装有所有控制器的播放器加载但视频无法播放，按下播放按钮也无效。在尝试此操作时，也会在Firefox中启用Adobe Flash。

在jsfiddle http://jsfiddle.net/zE26G/27/中制作相同的示例这里jsfiddle中的视频反而在FireFox中运行，但不在Chrome / IE中运行..

Firebug在两个示例中都给出了这些警告：

“视频/ youtube”的“指定”类型“属性”不受支持。加载   媒体资源https://www.youtube.com/watch?v=q7o7R5BgWDY失败。“

“所有候选资源都无法加载。媒体加载已暂停。”

虽然Chrome中的控制台没有出现任何错误。

这对我来说很奇怪。谁知道这里发生了什么？

Answer 1

这已在此处报告：https://github.com/johndyer/mediaelement/issues/1684

我遇到了类似的问题，并修复了更新库到最新版本。

MediaElement.js和FireFox

1 个答案: