我试图使用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>
答案 0 :(得分：5)
当我进行测试时，它对我有用。
修改
小提琴错过标题，没有使用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>
答案 1 :(得分：2)
您使用的是哪个版本的MediaElement.js？当我使用较新的2.12v时，我遇到了同样的问题....然后我降级到2.9，一切正常。我意识到这个问题相当陈旧 - 可能在2.12发布之前，但如果有人正在寻找目前这个问题的解决方案，我建议降级。
http://mediaelementjs.com/js/mejs-2.9.2/mediaelement-and-player.min.js仍有效