flowplayer: coverImage作为数据属性

Question

我像这样调用flowplayer：

flowplayer("a.rmPlayer", "libs/flowplayer/flowplayer.swf", {
        plugins: {
            audio: {
                url: 'libs/flowplayer/flowplayer.audio.swf'
            },
            controls:  {
                volume: true
            }
        }
     });

现在，我希望为每个被调用的mp3文件提供不同的封面。flowplayer提供了coverimage变量(参见http://flash.flowplayer.org/plugins/streaming/audio.html)，但是我可以以某种方式将图像放在数据属性中吗？

Answer 1

我最终使用了以下代码，它似乎工作得无懈可击。链接：

<a data-toggle="modal" class="rmPlayer" data-fpurl="http://releases.flowplayer.org/data/fake_empire.mp3" data-fpimg="http://releases.flowplayer.org/data/national.jpg">click me</a>

和相应的javascript (其中'#rmPlayerInterface‘是模式窗口)

<script type="text/javascript">
$(document).ready(function() {
    player = flowplayer("player", "/libs/flowplayer/flowplayer.swf", {
        plugins: {audio: {url: '/libs/flowplayer/flowplayer.audio.swf'},controls: {url: '/libs/flowplayer/flowplayer.controls.swf'}}, 
        clip: {autoplay: false, autoBuffering: true}
    });

    $(document).on("click", ".rmPlayer", function () {
        $('#rmPlayerInterface').data('playeroptions', $(this).data());//.music = music;
        $('#rmPlayerInterface').modal('show');//:music});//('music', $(this).data('music'));
    });

    $('#rmPlayerInterface').on('show', function () {
        var poptions = $('#rmPlayerInterface').data('playeroptions');
        var c = {url: poptions["fpurl"],coverImage: {url: poptions["fpimg"],scaling: 'orig'}};
        player.play(c);
    });

    $('#rmPlayerInterface').on('hide', function () {
        player.pause();
    });
});

</script>