1

我曾尝试使用 mediaelement 网站上演示中的代码来运行 youtube 视频，但没有成功！！！但是，我已经很高兴地使用 siftware 运行了音频和视频文件，它是一个很棒的工具！（复制网站：http ://mediaelementjs.com/examples/?name=youtube ）

我只是得到一个黑盒子，底部有一个空白的控制面板。请告诉我是否遗漏了什么？

...

<script src="../java/jquerypack.js" type="text/javascript"></script> <script src="../java/mediaelement-and-player.js"></script> <link href="../css/mediaelementplayer.min.css" rel="Stylesheet" /> <link href="../css/mejs-skins.css" rel="Stylesheet" />

...

<video id="player1" width="640" height="360" controls="controls" preload="none">
<source src="http://www.youtube.com/watch?v=Lt6CUH9bVzI" type="video/youtube" /> </video> ...

<script> $(document).ready(function($){ var player = new MediaElementPlayer('#player1'); }); </script>

4

2 回答 2

6

当我测试它时，它对我有用。

编辑

小提琴错过了标题，不适用于 IE.. 复制并粘贴此代码并将其保存为一些 test.html，使用浏览器打开并且应该可以工作。

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>test</title>
    <!-- mediaelement -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/mediaelement/2.9.2/mediaelement-and-player.min.js"></script>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/mediaelement/2.9.2/mediaelementplayer.min.css" />
    </head>
    <body>
        <video width="640" height="360" id="player1" preload="none">
            <source type="video/youtube" src="http://www.youtube.com/watch?v=Lt6CUH9bVzI" />
        </video>
    </body>
</html>

<script type="text/javascript">
jQuery(document).ready(function($) {

    // declare object for video
    var player = new MediaElementPlayer('#player1');

});
</script>
于 2012-08-21T15:39:51.250 回答
2

您使用的是哪个版本的 MediaElement.js？我在使用较新的 2.12v 时遇到了同样的问题......然后我降级到 2.9，一切都再次正常工作。我意识到这个问题相当陈旧——可能在 2.12 版本之前，但如果有人目前正​​在寻找解决这个问题的方法，我建议降级。

http://mediaelementjs.com/js/mejs-2.9.2/mediaelement-and-player.min.js仍然有效

于 2013-07-21T01:41:33.180 回答