Javascript不适用于ajax帖子

时间:2013-02-10 09:31:56

标签: javascript jquery youtube youtube-api youtube-javascript-api

我正在使用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
            }
        });
    });

}
}

但是,视频播放器无法加载。

1 个答案:

答案 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发送和接收数据。