你需要使用YouTube iFrame API。请记住,我只懂一些基本的Javascript等等,所以这可能会更加高效。
然后像平常一样嵌入你的iframe。
<iframe id="player" width="640" height="360" src="http://www.youtube.com/embed/TJ2X4dFhAC0?enablejsapi" frameborder="0" allowfullscreen></iframe>
但需要进行一些更改。它需要有一个ID,'player',并且您需要在源URI的末尾附加?enablejsapi
。
然后,您需要运行以下脚本来加载API JS并创建播放器
var tag = document.createElement('script');
tag.src = "http://www.youtube.com/player_api";
var firstScriptTag = document.getElementsByTagName('script')[0];
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
var player;
function onYouTubePlayerAPIReady() {
player = new YT.Player('player', {
height: '390',
width: '640',
videoId: 'u1zgFlCw8Aw',
events: {
'onReady': onPlayerReady,
'onStateChange': onPlayerStateChange
}
});
}
注意 new YT.Player('player'
应与您的iframe ID匹配,videoId:'u1zgFlCw8Aw'
应与src URI匹配。
完成后,您将能够运行以下脚本:
var myPlayerState;
function onPlayerStateChange(event) {
if (event.data == YT.PlayerState.PLAYING && !done) {
}
myPlayerState = event.data;
}
if (myPlayerState == 1){
}