使用Javascript循环浏览不同的多个视频_Javascript_Jquery_Vimeo_Vimeo Api

使用Javascript循环浏览不同的多个视频

javascript jquery

使用Javascript循环浏览不同的多个视频,javascript,jquery,vimeo,vimeo-api,Javascript,Jquery,Vimeo,Vimeo Api,我正在尝试一个接一个地循环来自Vimeo等外部源的视频。我已经成功地捕捉到了Vimeo视频播放结束时的事件但是，我如何才能一个接一个地循环播放多个视频下面是我的代码，它捕获单个视频的完成事件。任何帮助都将不胜感激。谢谢 <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <ti

我正在尝试一个接一个地循环来自Vimeo等外部源的视频。我已经成功地捕捉到了Vimeo视频播放结束时的事件

但是，我如何才能一个接一个地循环播放多个视频

下面是我的代码，它捕获单个视频的完成事件。任何帮助都将不胜感激。谢谢

<!DOCTYPE HTML>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>Your Website</title>
    <script src="jquery-1.11.1.min.js"></script>
    <script src="froogaloop.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function(){
        var iframe = $('#player1')[0],
            player = $f(iframe),
            status = $('.status');

        // When the player is ready, add listeners for pause, finish, and playProgress
        player.addEvent('ready', function() {
            status.text('ready');

            player.addEvent('pause', onPause);
            player.addEvent('finish', onFinish);
            player.addEvent('playProgress', onPlayProgress);
        });

        // Call the API when a button is pressed
        $('button').bind('click', function() {
            player.api($(this).text().toLowerCase());
        });

        function onPause(id) {
            status.text('paused');
        }

        function onFinish(id) {
            status.text('finished');
        }

        function onPlayProgress(data, id) {
            status.text(data.seconds + 's played');
        }

    }); 
    </script>


</head>
<body>
    <section>
        <article>

            <iframe id="player1" src="http://player.vimeo.com/video/470742?api=1&player_id=player1&autoplay=1" width="400" height="225" frameborder="0"></iframe>
            <p>Video status: <span class="status">...</span></p>
            <p><button>Play</button> <button>Pause</button></p>

        </article>
    </section>
</body>
</html>


你的网站
$（文档）.ready（函数（）{
变量iframe=$（'#player1'）[0]，
player=$f（iframe），
状态=$（'.status'）；
//播放器准备好后，添加暂停、完成和播放进度的侦听器
player.addEvent（'ready'，function（）{
状态。文本（“就绪”）；
player.addEvent（'pause'，onPause'）；
player.addEvent（'finish'，onFinish）；
player.addEvent（'playProgress'，onPlayProgress）；
});
//按下按钮时调用API
$（'button'）.bind（'click'，function（）{
api（$（this.text（）.toLowerCase（））；
});
函数onPause（id）{
status.text（“暂停”）；
}
函数onFinish（id）{
status.text（'finished'）；
}
函数onPlayProgress（数据，id）{
status.text（data.seconds+‘s played’）；
}
}); 
视频状态：
暂停播放

使用此函数更改onFinish函数

function onFinish(id) {
    status.text('finished');
    $("#player1").attr("src","new video url here")
}

您想重复相同的视频还是想播放其他视频我想播放其他视频，很抱歉问题中出现混淆Hi Jeetendra，我不想再次播放相同的视频，我想加载新视频，如播放列表，很抱歉问题中出现混淆我已修改了答案请尝试