我想调用onYouTubeIframeAPIReady
函数,但这不是解雇。我在控制台中只获得frameID
但其他功能未被调用。
$(document).ready(function(){
var player;
var ytsrc = $('.video_holder_frame').find('iframe').attr('src');
if (ytsrc) ytsrc = ytsrc.match(/youtube.com\/embed\/([^\\?]*)/i);
if (!ytsrc) return;
var frameID = 'youtube_' + ytsrc[1];
console.log(frameID);
$('.video_holder_frame').find('iframe').attr('id', frameID);
function attachToYoutubeFrame() {
console.log("attachToYoutubeFrame");
function onytplayerStateChange(newState) {
console.log("onytplayerStateChange");
console.log(newState);
};
player = new YT.Player(frameID, {
events: {
"onStateChange": onytplayerStateChange
}
});
};
function onYouTubeIframeAPIReady() {
attachToYoutubeFrame();
};
});
答案 0 :(得分:6)
您的onYouTubeIframeAPIReady()函数必须全局定义。只需更换行
即可function onYouTubeIframeAPIReady() {
与
window.onYouTubeIframeAPIReady = function() {
加载youtube iframe api库文件也很重要:
<script type="text/javascript" src="https://www.youtube.com/iframe_api"></script>
此外,您的iframe src网址必须附加了enablejsapi = 1参数:
http://www.youtube.com/embed/M7lc1UVf-VE?enablejsapi=1
答案 1 :(得分:0)
如果有人在这里挣扎,那就是解决它的人......
添加 - 因为在脚本中调用它会导致问题
另外,请确保使用 - window.onYouTubeIframeAPIReady = function(){
这两件事固定了两天的愤怒。