Question

https://i.stack.imgur.com/MXTB3.jpg

我正在使用带播放列表的JW Player（3项）。

但正如您在图片中看到的那样，它只显示了一个＆＃34;下一个＆＃34;按钮。

你能帮我看一下＆＃34;上一页＆＃34;按钮？

我已经阅读了JW播放器文档，但无法找到它。

Answer 1

这个“功能”是在JW 7.7.0中引入的，最新的JW版本是JW7.7.6，仍然没有正式的方法来配置/自定义/关闭它。

它与“Next Up”功能和一个新的叠加播放列表相关联，如果你不在球上，它可以真正搞乱你的JW实现 - 但JW团队似乎并不关心这一点！

您可以编写自己的JS / CSS来隐藏这些新元素并添加“之前”功能，但目前最干净的路线是恢复使用JW 7.6.1。

您可以在此处链接到云库：//ssl.p.jwpcdn.com/player/v/7.6.1/jwplayer.js

Answer 2

以下是添加＆＃34;之前＆＃34;以及我需要做的事情。使用JW Player API中的addButton函数向我的播放器按钮。这适用于 JW Player 8 。请注意，它需要jquery来移动＆＃34; previous＆＃34; ＆＃34; next＆＃34;旁边的按钮按钮。我在代码中包含了jquery。

<div id="player"></div>
<script src="/path/to/your/jwplayer.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script>
    var player = jwplayer('player');

    jwplayer.key="your license key goes here";

    player.setup({
        playlist: 'https://cdn.jwplayer.com/v2/playlists/6tYY3mSy'
    });


    player.on('ready', function() {

        // The following code uses the addButton function from the JW Player API.
        player.addButton(
            '<svg xmlns="http://www.w3.org/2000/svg" class="jw-svg-icon jw-svg-icon-prev" viewBox="0 0 240 240"><path transform="translate(240, 0) scale(-1, 1) " d="M165,60v53.3L59.2,42.8C56.9,41.3,55,42.3,55,45v150c0,2.7,1.9,3.8,4.2,2.2L165,126.6v53.3h20v-120L165,60L165,60z"></path></svg>',
            'Previous',
            function() {
                if (player.getPlaylistIndex() === 0) {
                    // If the user is at the first video in the playlist, loop around to the last video
                    player.playlistItem( Math.max(0, player.getPlaylist().length - 1) );
                }
                else {
                    // Otherwise, go to the previous video in the playlist
                    player.playlistItem( Math.max(0, player.getPlaylistIndex() - 1) ); 
                }
            },
            'previous',
            'jw-icon-prev'
        );

        // The following line is a hack to move the button next to the "next" button
        // Note that this is not officially supported so use at your own risk. It has worked fine for me so far.
        $('.jw-controlbar .jw-icon-next').before($('.jw-icon-prev'));
    });
</script>

如何显示＆＃34;上一页＆＃34; JW播放器中的播放列表按钮？

2 个答案: