YouTube Player API - 播放列表如何获取当前正在播放的视频 [英] YouTube Player API - Playlist how to get the current video playing
本文介绍了YouTube Player API - 播放列表如何获取当前正在播放的视频的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我正在使用 iframe 的 YouTube 播放器 API 参考简单的代码
I'm using YouTube Player API Reference for iframe the simple code
<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>
我想用 evt.data == 5 来解决但它从来没有被解雇过......
I thought to work out with evt.data == 5 but it's never fired so ......
有办法吗?
推荐答案
Inside onPlayerStateChange
使用 evt.target.getVideoUrl()
获取视频 URL 然后提取视频 ID使用正则表达式:
Inside onPlayerStateChange
grab the video URL using evt.target.getVideoUrl()
then extract the video id using regex:
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];
}
}
这篇关于YouTube Player API - 播放列表如何获取当前正在播放的视频的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文