Javascripting一个又一个Youtube视频播放_Javascript_Html_Youtube_Youtube Api_Dom Events

Javascripting一个又一个Youtube视频播放

javascript html youtube youtube-api

Javascripting一个又一个Youtube视频播放,javascript,html,youtube,youtube-api,dom-events,Javascript,Html,Youtube,Youtube Api,Dom Events,我的视频没有加载下面的代码它看起来应该很简单，但我根本无法让它装载任何东西。我试过：更改视频更改事件顺序向html中的div添加显式高度 …这就是我能想到的有人知道出了什么问题吗 <html> <head>Video title <script src=//"www.youtube.com/iframe_api"></script> <script>

我的视频没有加载下面的代码

它看起来应该很简单，但我根本无法让它装载任何东西。我试过：

更改视频
更改事件顺序
向html中的div添加显式高度

…这就是我能想到的

有人知道出了什么问题吗

<html>
    <head>Video title 
        <script src=//"www.youtube.com/iframe_api"></script>
        <script>    
            var videoIDs = [
                'OdT9z-JjtJk',
                'NlXTv5Ondgs'
            ];

            var player, currentVideoId = 0;

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

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

            function onPlayerStateChange(event) {
                if (event.data == YT.PlayerState.ENDED) {
                    currentVideoId++;
                    if (currentVideoId < videoIDs.length) {
                        player.loadVideoById(videoIDs[currentVideoId]);
                    }
                }
            }
        </script>
    </head>
    <body>
        <div id="player"></div>
    </body> 
</html>


视频标题
var videoIDs=[
“OdT9z JjtJk”，
“NlXTv5Ondgs”
];
var播放器，currentVideoId=0；
函数onyoutubeiframeapiredy（）{
player=新的YT.player（'player'{
高度：'350'，
宽度：'425'，
活动：{
“onReady”：onPlayerReady，
“onStateChange”：onPlayerStateChange
}
});
}
函数onPlayerReady（事件）{
event.target.loadVideoById（VideoId[currentVideoId]）；
}
函数onPlayerStateChange（事件）{
如果（event.data==YT.PlayerState.end）{
currentVideoId++；
if（当前视频ID<视频ID.长度）{
loadVideoById（videoid[currentVideoId]）；
}
}
}

使用我更改的脚本：-

var tag = document.createElement('script');
tag.src = "https://www.youtube.com/iframe_api";
var firstScriptTag = document.getElementsByTagName('script')[0];
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
var player, currentVideoId = 0;

function onYouTubeIframeAPIReady() {
    player = new YT.Player('player', {
        height: '350',
        width: '650',
        videoId: 'M7lc1UVf-VE',
        events: {
            'onReady': onPlayerReady,
            'onStateChange': onPlayerStateChange
        }
    });
}

function onPlayerReady(event) {
    event.target.playVideo();
}
var done = false;

function onPlayerStateChange(event) {
    if (event.data == YT.PlayerState.PLAYING && !done) {
        currentVideoId++;
        if (currentVideoId < videoIDs.length) {
            player.loadVideoById(videoIDs[currentVideoId]);
        }
        setTimeout(stopVideo, 6000);
        done = true;
    }
}

var tag=document.createElement（'script'）；
tag.src=”https://www.youtube.com/iframe_api";
var firstScriptTag=document.getElementsByTagName（'script'）[0]；
firstScriptTag.parentNode.insertBefore（标记，firstScriptTag）；
var播放器，currentVideoId=0；
函数onyoutubeiframeapiredy（）{
player=新的YT.player（'player'{
高度：'350'，
宽度：'650'，
videoId:'M7lc1UVf VE'，
活动：{
“onReady”：onPlayerReady，
“onStateChange”：onPlayerStateChange
}
});
}
函数onPlayerReady（事件）{
event.target.playVideo（）；
}
var done=false；
函数onPlayerStateChange（事件）{
如果（event.data==YT.PlayerState.PLAYING&&！done）{
currentVideoId++；
if（当前视频ID<视频ID.长度）{
loadVideoById（videoid[currentVideoId]）；
}
设置超时（停止视频，6000）；
完成=正确；
}
}