2

HTML プレイリストがあり、ユーザーがプレイリスト内のアイテムをクリックしたときに現在のビデオと画像を変更したいのですが、機能していません。コードの何が問題になっていますか?

私のHTML：

<div class="item-video">
    <script>
        var playerData = {
            file: 'dummy-file.flv',
            image: 'dummy-image.jpg',
            autostart: false
        }
    </script>
    <div id="item-player"></div>
    <div class="playlist">
        <ul>
            <li>
                <a class="thumb-holder" href="#" data-video="new-video.flv" data-image="new-image.jpg" title="test">
                    <img src="" alt="" />
                    <span>test</span>
                </a>
            </li>
        </ul>
    </div>
</div>

JavaScript コード:

if ($(".item-video").length) {
    if (typeof playerData != 'undefined') {
        jwplayer('item-player').setup({
            file: playerData.file,
            image: playerData.image,
            height: '300',
            width: '420',
            stretching: 'uniform',
            smoothing: 'false',
            modes: [
                { 'type': 'html5' },
                { 'type': 'flash', src: '/mediaplayer/player.swf' },
                { 'type': 'download' }
            ],
            autostart: playerData.autostart,
            backcolor: '#efefef',
            controlbar: 'bottom',
            skin: '/mediaplayer/skins/bekle/bekle.zip',
            allowscriptaccess: 'always',

        });
    }
    $(".playlist").delegate('a', 'click', function(e) {
        var $item = $(this);
        var video = $item.attr('data-video');
        var image = $item.attr('data-image');
        if (typeof video != 'undefined') {
            jwplayer().load({
                file: video,
                image: (typeof image != 'undefined') ? image : ""

            });
        }
        e.preventDefault();
    });
}

JWPlayer の連中は JWPlayer 5 のドキュメントを削除したようで、JWPlayer 6 へのアップグレードを提案していますが、できません!

4

1 に答える 1

1

Ethan LongTailの提案のおかげで、問題は以前のバージョンの JWPlayer を使用していたことが原因でした (私は 5.2 を使用しており、API は 5.3 以降で動作します)。

プレーヤーを更新すると問題が解決しました。

于 2013-04-08T17:00:48.550 に答える