我正在尝试使用YouTube播放器API,以便在我关闭模式框时切换视频。
这是我的代码,它按照上述说明创建iframe,但是该按钮没有对该iframe的API控制。
<div id="player"></div>
<script type="text/javascript">
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: '500',
width: '800',
videoId: 'f37MOGHMrlI'
});
}
$(".toggle1").click(function(){
alert("Pausing " + player);//is undefined :(
player.pauseVideo();
});
</script>
有人知道缺少什么吗?
最佳答案
虽然有必要肯定要了解页面的整个结构,但是由于您的脚本位于body
中,所以我猜测是在您的toggle1
处理程序被使用时,尚未将具有click
类的按钮添加到DOM中。已分配。将该处理程序分配包装在$(document).ready
中,或者:
function onYouTubePlayerAPIReady() {
player = new YT.Player('player', {
height: '500',
width: '800',
videoId: 'f37MOGHMrlI'
events: {
onReady: configureButton
}
});
}
function configureButton() {
$(".toggle1").click(function(){
player.pauseVideo();
});
}
关于jquery - 使用Youtube Iframe API,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29701281/