0

私はHTMLコードを持っています:

<div id=ytVid>
    <iframe width="420" height="315" src="http://www.youtube.com/embed/5EdmHSTwmWY" frameborder="0" allowfullscreen></iframe>
    <script type="text/javascript" src="js/youtube.js"></script>
</div>

現時点では、配列を使用してjQueryによって生成された一連の段落があります。

ユーザーが生成された段落の 1 つをクリックすると、youtube.js ファイルから次のコードが開始されます。

$(document).ready(function() {
    function openLink(evt) {
        var search = evt.target.innerHTML;
        var keyword= encodeURIComponent(search);
        var yt_url='http://gdata.youtube.com/feeds/api/videos?q='+keyword+'&format=5&max-results=1&v=2&alt=jsonc';

        $.ajax({
            type: "GET",
            url: yt_url,
            dataType:"jsonp",
            success: function(response) {
                if(response.data.items) {
                    $.each(response.data.items, function(i,data) {
                        var video_id=data.id;
                        var video_frame="<iframe width='420' height='236' src='http://www.youtube.com/embed/"+video_id+"' frameborder='0' type='text/html'></iframe>";
                        $("#ytVid").html(video_frame); 
                    });
                } else {
                    $("#ytVid").html("<div id='no'>No Video</div>");
                }
            }
        });
    };
});

上記のコードが正しいかどうかはわかりませんが、ytVid div を更新するためのビデオを youtube で検索するには、配列にあるもの (可能であれば) または段落にあるものを取得する必要があります。

ありがとう

4

1 に答える 1

0

JavaScript jsfiddle の「単純化された」コピーでは、文字列が角かっこで囲まれており、配列であることを示しています。また、jQuery を含めるように選択していませんでした。

http://jsfiddle.net/PADL9/1/

そして、これは上記のJSが追加されたものです

http://jsfiddle.net/PADL9/2/

（AJAXが機能するようにアラート/リターンを削除します）

于 2012-04-26T03:15:23.923 に答える