利用带有视频播放列表的popcorn.js

Question

您好我正在尝试创建一个基于JavaScript的类程序，该程序嵌入视频播放列表，然后使用popcorn.js将Google地图与播放列表放在一起，让每个视频都有相应的地图位置。

这个jsfiddle显示了我正在使用的播放列表类型的基本形式。 http://jsfiddle.net/Barzi/Jzs6B/9/

$(function() {
    $("#playlist li").on("click", function() {
        $("#videoarea").attr({
            "src": $(this).attr("movieurl"),
            "poster": "",
            "autoplay": "autoplay"
        })
    })
    $("#videoarea").attr({
        "src": $("#playlist li").eq(0).attr("movieurl"),
        "poster": $("#playlist li").eq(0).attr("moviesposter")
    })
})

我正在尝试研究如何利用popcorn.js来获得这个播放列表旁边的Google地图功能，但这比我原先想的要困难，因为我打算使用JavaScript类来构建结构，而不仅仅是一个JavaScript文件。

真正感谢任何帮助！