我在wordpress中嵌入了以下视频
<iframe id="video" width="640" height="360" src="http://www.youtube.com/embed/xxxxxx?enablejsapi=1" frameborder="0" allowfullscreen></iframe>
它在SlideDeck滑块内,我想在有人点击视频时停止.我无法弄清楚如何获得这行代码
self.pauseAutoPlay = true;
在视频播放时运行.
我非常需要一些帮助.
解决方法
您需要使用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,“播放器”,你需要将？enablejsapi附加到源URI的末尾.
然后,您需要运行以下脚本来加载API JS以及创建播放器
// 2. This code loads the IFrame Player API code asynchronously.
var tag = document.createElement('script');
tag.src = "http://www.youtube.com/player_api";
var firstScriptTag = document.getElementsByTagName('script')[0];
firstScriptTag.parentNode.insertBefore(tag,firstScriptTag);
// 3. This function creates an <iframe> (and YouTube player)
// after the API code downloads.
var player;
function onYouTubePlayerAPIReady() {
player = new YT.Player('player',{
height: '390',width: '640',videoId: 'u1zgFlCw8Aw',events: {
'onReady': onPlayerReady,'onStateChange': onPlayerStateChange
}
});
}
请注意,新的YT.Player(‘播放器’应与您的iframe ID匹配,而videoId：’u1zgFlCw8Aw’应与src URI匹配.
在此之后,您将能够运行像这样的脚本
var myPlayerState;
function onPlayerStateChange(event) {
if (event.data == YT.PlayerState.PLAYING && !done) {
// DO THIS
}
myPlayerState = event.data;
}
if (myPlayerState == 1){
// PAUSE SLIDER
}
