0

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

}
}

但是，视频播放器不会加载。

4

1 回答 1

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

于 2013-02-10T20:33:55.540 回答