我正在使用Youtube Iframe API并使用他们的脚本播放器加载正常。但是当我对包含javascript代码的php文件进行ajax调用以运行播放器时,它不会执行。
function get_content(song_id,url,song_title) {
if (song_id == null)
return;
document.title = song_title + browser_title_suffix;
$.get('/ajax/player.php',{song_id:song_id}, function(data) {
$('#main_content').html(data).css({'opacity':0}).animate({'opacity':1});
});
}
/ajax/player.php包含此代码 - https://developers.google.com/youtube/iframe_api_reference#Loading_a_Video_Player
然而,玩家不会再次。我甚至尝试过player.remove(),但这也无济于事。
更新1: 我的PHP文件:
var tag = document.createElement('script');
tag.src = "//www.youtube.com/iframe_api";
var firstScriptTag = document.getElementsByTagName('script')[0];
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
$(document).ready(function(){
get_content('.$row[song_id].',null,"'.$row[title].'");
});
</script>
我的javascript文件:
function get_content(song_id,url,song_title) {
if (song_id != null) {
$.get('/ajax/player.php',{song_id:song_id}, function(data) {
video_id = data;
player = new YT.Player('player', {
height: '390',
width: '640',
videoId: video_id,
events: {
'onReady': onPlayerReady,
'onStateChange': onPlayerStateChange
}
});
});
}
}
但是,视频播放器无法加载。
答案 0 :(得分:0)
你无法通过ajax获取javascript,然后运行刚收到的javascript。你想要做的只是通过ajax发送youtube视频ID,然后使用这样的函数放置播放器:
function get_content(song_id,url,song_title) {
if (song_id != null) {
$.get('/ajax/player.php',{song_id:song_id}, function(data) {
video_id = data;
player = new YT.Player('player', {
height: '390',
width: '640',
videoId: video_id,
events: {
'onReady': onPlayerReady,
'onStateChange': onPlayerStateChange
}
});
});
}
}
更好的是,尝试使用JSON通过Jquery发送和接收数据。