我已经设置了一些加载在youtube视频中的测试代码,然后在我打算停止视频的链接上设置jquery点击事件,但是当我点击链接时我收到错误:未捕获的TypeError:对象[object Object]没有方法' stopVideo'
任何人都可以建议我在哪里出错吗?
<div id="container">
<a href="#">This is the link</a>
<br /><br />
<br /><br />
<div id="player"></div>
</div>
<script>
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'
});
}
function onPlayerReady(event) {
event.target.playVideo();
}
$(document).ready(function() {
$('a').click(function(e) {
player.stopVideo();
e.preventDefault();
});
});
</script>
答案 0 :(得分:3)
您的代码段在fiddle中按预期工作。此外,由于file:///
实施的限制,YouTube Frame API无法在postMessage
协议下运行。
我之前已经创建了YouTube API的自定义实现,可在YouTube iframe API: how do I control a iframe player that's already in the HTML?处找到。我已经在stopVideo
协议下成功执行了file:///
方法。
如果您在线运行代码,我只能想到另一个原因:您在播放器准备好之前尝试点击链接。要修复它,请合并您的功能:
function onPlayerReady(event) {
event.target.playVideo();
$('a').click(function(e) { //<--- Binds event to ALL anchors! Are you sure?
player.stopVideo();
e.preventDefault();
});
});