javascript - 结束最后一个视频youtube API后如何获取第一个视频

标签 javascript jquery youtube youtube-api

我正在尝试在完成上一个视频后获取第一个视频,我正在使用youtube,我将继续播放视频,但是在最后一个视频结束后,这里没有获取第一个视频,我正在处理的代码

<div id="player"></div>
<script src="http://www.youtube.com/iframe_api"></script>

<script>
    /**
     * Put your video IDs in this array
     */
    var videoIDs = [
        'MCgODvsmrmY',
        'RdyXFNgZdCw'
    ];

    var player, currentVideoId = 0;


    function onYouTubeIframeAPIReady() {
        player = new YT.Player('player', {
            height: '768',
            width: '1026',
            events: {
                'onReady': onPlayerReady,
                'onStateChange': onPlayerStateChange
            }
        });
    }

    function onPlayerReady(event) {
        event.target.loadVideoById(videoIDs[currentVideoId]);
        node.requestFullScreen();

document.fullScreen; 

    }

    function onPlayerStateChange(event) {
        if (event.data == YT.PlayerState.ENDED) {
            currentVideoId++;

            if (currentVideoId < videoIDs.length) {

                player.loadVideoById(videoIDs[currentVideoId]);
            }
        }
    }
</script>

最佳答案

更改您的onPlayerStateChange函数,以在最后一个视频结束时将currentVideoId重置为0:

currentVideoId++;
if (currentVideoId >= videoIDs.length) {
    currentVideoId = 0; }

player.loadVideoById(videoIDs[currentVideoId]);

关于javascript - 结束最后一个视频youtube API后如何获取第一个视频,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30690469/

相关文章:

javascript - 如何制作适用于 iOS 和桌面的视差滚动网站?

javascript - 如何在 css 中进行图像颜色混合?

javascript - Connect-Domain 在以下情况下不会捕获错误 :

javascript - Chart.js 图表通过 MVC Controller 传递数据

jquery - 如何从 JQuery UI 中删除未使用的类

javascript - 从控制台调用时 JqueryUI 对话框打开,但使用相同代码而不是从 js 文件调用时打开

youtube - YouTube播放器如何获取搜索栏的图像?

google-apps-script - 使用 Google Apps 脚本中的 YouTube Data API v3 从播放列表中删除视频

php - 尝试使用带有 PHP 和 Prepared Statement 的 URL 链接嵌入 Youtube 视频

javascript - 在动画期间拒绝 jQuery 事件