jquery - 获取URL中的YouTube视频ID并将选定的视频ID输入到URL中

Question

我在尝试解决这个问题时遇到了麻烦。我想做的是，从YouTube获取视频的ID，并将11个字符的ID输入到div的css中使用 jQuery 获取特定 id。我知道任何视频缩略图的 URL，但我只需要能够更改 ID 以显示不同的视频缩略图。

<script>
    $(document).ready(function() {
        function(data) {
            videoID = data.split('www.youtube.com/v/')[1].split('&amp')[0];
            $("#304817679").append(videoID);
        });

        $("#304817679").replaceWith("<div id=\"304817679\" " +
            "style=\"background: url(http://img.youtube.com/vi/" + 
            $.function(data) + 
            "/0.jpg) no-repeat middle; width: 15px; height: 150px;\"></div>");
    });
</script>

<div id="304817679">
    <div style="display: none;">
        <object width="248" height="222">
            <param name="movie" value="http://www.youtube.com/v/vy90n2nNRKQ&amp;rel=0&amp;egm=0&amp;showinfo=0&amp;fs=1"></param>
            <param name="wmode" value="transparent"></param>
            <param name="allowFullScreen" value="true"></param>
            <embed src="http://www.youtube.com/v/vy90n2nNRKQ&amp;rel=0&amp;egm=0&amp;showinfo=0&amp;fs=1" type="application/x-shockwave-flash" width="248" height="222" allowFullScreen="true" wmode="transparent"></embed>
        </object>
    </div>
</div>

为了更好地解释这一点，我想要嵌入代码中的 11 个字符的 YouTube 视频 ID，并将其放入缩略图的 URL ( http://img.youtube.com/vi/" +
function(data) + "/0.jpg" ) 中。这也将取代原来的 div (<div id="304817679">)。

我的脚本走在正确的轨道上吗？

Answer 1

我不太确定你想做什么，但是如果函数没有名称，则无法调用它(之后)。而且也没有定义变量数据。

 $(document).ready(function() {

    //lets give this function a name
    function getID(data) {
        //videoID is parsed nicely
        videoID = data.split('www.youtube.com/v/')[1].split('&amp')[0];

        //this doesn't actually do anything useful since it is replaced afterwards
        $("#304817679").append(videoID);

        //to get a value out of function we need to return it
        return videoID;
    };

    //background style wasn't defined correctly
    //changed to background-image and background-repeat
    //lets also supply getID function HTML as data
    $("#304817679").replaceWith("<div id=\"304817679\" " +
        "style=\"background-image: url(http://img.youtube.com/vi/"  + 
        getID($("#304817679").html()) + 
        "/0.jpg); background-repeat: no-repeat; width: 15px; height: 150px;\"></div>");
});

Demo