Javascript YouTube播放器API-播放列表如何播放当前视频
我正在为iframe使用YouTube播放器API参考 简单代码Javascript YouTube播放器API-播放列表如何播放当前视频,javascript,youtube-api,Javascript,Youtube Api,我正在为iframe使用YouTube播放器API参考 简单代码 <div id="player"></div> <script> //Load player api asynchronously. var tag = document.createElement('script'); tag.src = "//www.youtube.com/iframe_api"; var firstScriptTag = document.
<div id="player"></div>
<script>
//Load player api asynchronously.
var tag = document.createElement('script');
tag.src = "//www.youtube.com/iframe_api";
var firstScriptTag = document.getElementsByTagName('script')[0];
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
var done = false;
var player;
function onYouTubeIframeAPIReady() {
player = new YT.Player('player', {
height: '327',
width: '530',
videoId: '_XaWYzsY920',
playerVars: { 'autoplay': 1,'playlist':['Hzgzim5m7oU', 'QvZIYIVNGZ0']},
events: {
'onReady': onPlayerReady,
'onStateChange': onPlayerStateChange
}
});
}
function onPlayerReady(evt) {
evt.target.playVideo();
}
function onPlayerStateChange(evt) {
console.log(evt.data);
console.log(evt.target.getVideoUrl());
}
</script>
//异步加载播放器api。
var tag=document.createElement('script');
tag.src=“//www.youtube.com/iframe_api”;
var firstScriptTag=document.getElementsByTagName('script')[0];
firstScriptTag.parentNode.insertBefore(标记,firstScriptTag);
var done=false;
var播放器;
函数onyoutubeiframeapiredy(){
player=新的YT.player('player'{
高度:'327',
宽度:“530”,
videoId:“XaWYzsY920”,
playerBars:{'autoplay':1,'playlist':['Hzgzim5m7oU','QvZIYIVNGZ0']},
活动:{
“onReady”:onPlayerReady,
“onStateChange”:onPlayerStateChange
}
});
}
函数onPlayerReady(evt){
evt.target.playVideo();
}
函数onPlayerStateChange(evt){
控制台日志(evt.data);
log(evt.target.getVideoUrl());
}
我想用evt进行锻炼。数据=5
但它从来没有开火过,所以
有办法吗?在
onPlayerStateChange
中使用evt.target.getVideoUrl()
获取视频URL,然后使用正则表达式提取视频id:
function onPlayerStateChange(evt) {
if (evt.data == YT.PlayerState.PLAYING) {
var url = evt.target.getVideoUrl();
// "http://www.youtube.com/watch?v=gzDS-Kfd5XQ&feature=..."
var match = url.match(/[?&]v=([^&]+)/);
// ["?v=gzDS-Kfd5XQ", "gzDS-Kfd5XQ"]
var videoId = match[1];
}
}
您的代码似乎按预期工作。您在console中是否收到任何错误/警告?代码正常,但我找不到捕获正在播放的当前视频的方法。我想在播放器旁边的列表中指出它。这要好得多:YT最近(悄悄地)删除了getVideoData():/eg/
var videoId = evt.target.getVideoData().video_id