jquery - 在 jQuery 中的 Flowplayer 上设置 autoPlay false

Question

我正在使用 jQuery 和 Flowplayer 将 FLV 文件的链接转换为嵌入式视频，如下所示:

$(document).ready(function() {
    if($('a[type^="video"]').length > 0) {
        $('a[type^="video"]').each(function() {
            var video_path = $(this).attr('href');
            var video_box  = $(this).parent();
            video_box.html('');
            video_box.css('width', '680px');
            video_box.css('height', '460px');
            video_box.flowplayer('/sites/default/files/flowplayer-3.2.7.swf', video_path);
        });
    }
});

除了所有视频同时开始播放之外，一切正常。我尝试过添加 autoPlay: false 几种不同的方法，但到目前为止都没有奏效。从文档看来我应该能够这样做:

video_box.flowplayer('/sites/default/files/flowplayer-3.2.7.swf', video_path, {clip: {autoPlay: false}});

但这行不通。

Answer 1

@凯文

您不需要在 flowplayer-a-tag 周围添加额外的 div。您需要做的就是在 a 标签上设置 display:block。

所以你的代码可以压缩为:

    $('a[type^="video"]').each(function(i) {
        $(this).css({'width': '680px','height': '460px','display': 'block'}).attr('id', 'player-' + i);
        var player = $f('player-' +i, '../flowplayer.commercial-3.2.7.swf', {
            clip: {
                autoPlay: false
            }
        });
    });