使用JavaScript单击链接时在youtube上搜索视频？

我也在尝试制作一个页面，当点击链接时，该页面将加载youtube视频，而无需重新加载页面。当按下一个按钮时，我的代码工作，它看起来像：

$(document).ready(function() {
    $(".button").click(function() {
        var search = $(".input").val();
        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>";
                    $("#video").html(video_frame); 
                });
            } else {
                $("#video").html("<div id='no'>No Video</div>");
            }
        }
    });
});
});

并将HTML文件发送至：

<p id="1" onclick="openLink(evt);"> Jackie Wilson - Reet Petite</p>
<p id="2" onclick="openLink(evt);"> Queen - Bohemian Rhapsody</p>

当我点击文本时，什么也没发生

---

对不起，我对HTML中的JavaScript很陌生，我应该早点说

我想你会很幸运地在标记的onclick事件中做同样的事情，说它对那些标记有效。大概是这样的：

document.getElementById("1").onclick = "openLink(evt);";

function openLink(evt) {
    var search = evt.target.innerHTML;
    var keyword= encodeURIComponent(search);
    ... // just like your unnamed function
}

然后，如果需要标记的文本，请尝试以下操作：

document.getElementById("1").onclick = "openLink(evt);";

function openLink(evt) {
    var search = evt.target.innerHTML;
    var keyword= encodeURIComponent(search);
    ... // just like your unnamed function
}

---

我试过你的代码，但我不能让它工作，我已经把我上面做的一个例子。我不熟悉你的$video语法。这等同于调用getElementById吗？对不起，我已经做了相当多的javascript，但我远远不是一个专家。