Question

我正在尝试将mediaelement.js用作图库或视频交换的图库的一部分，具体取决于您点击的缩略图。网址位于：http://www.altny.com/portfolio/interactive.html

这是我的代码（在单独的.js文件中使用jquery）

// portfolio image/video swap
$("div.gallery-thumb a.gallery-swap").click(function() {
var newDesc = "<p>" + $(this).attr("title") + "</p>";
var newSource = $(this).attr("href");
if ($(this).attr("rel") == "image") {
    var newImage = "url(" + newSource + ")";
    $("section#project-image").empty().css("background-image",newImage);
    $("section#project-image").prepend(newDesc);
} else if ($(this).attr("rel") == "video") {
    // video handling
    $("section#project-image").css("background-image","none").empty().prepend("<video id=\"project-player\" src=\"" + newSource + "\" width=\"400\" height=\"270\"></video>");
    $("video#project-player").mediaelementplayer();
    $("div.mejs-container").css("margin","0 auto");
    $("section#project-image").append(newDesc);
}
return false;
});

这适用于Safari和Firefox，但在IE8中不起作用（我现在无法访问7或9）。我不正确地使用mediaelement.js吗？

Answer 1

可能你需要把：

    $("video#project-player").mediaelementplayer();

下面：

    $("section#project-image").append(newDesc);

像我这样做是为了让IE7工作。

然而，除此之外，我在IE8中也遇到了MediaElement.js的麻烦，我在这里也看到了其他问题。

动态创建播放器在IE中不起作用

1 个答案: