我一直在努力解决这个问题.我想要做的是,从YouTube获取视频的ID,并div使用jQuery 将11个字符ID输入到特定id 的css中.我知道任何视频的缩略图的URL,但我只需要能够更改ID以显示不同的视频缩略图.
<script>
$(document).ready(function() {
function(data) {
videoID = data.split('www.youtube.com/v/')[1].split('&')[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&rel=0&egm=0&showinfo=0&fs=1"></param>
<param name="wmode" value="transparent"></param>
<param name="allowFullScreen" value="true"></param>
<embed src="http://www.youtube.com/v/vy90n2nNRKQ&rel=0&egm=0&showinfo=0&fs=1" type="application/x-shockwave-flash" width="248" height="222" allowFullScreen="true" wmode="transparent"></embed>
</object>
</div>
</div>
Run Code Online (Sandbox Code Playgroud)
为了更好地解释这一点,我希望嵌入代码中的11角色YouTube视频ID,并将其放入缩略图(http://img.youtube.com/vi/" +
function(data) + "/0.jpg")的URL中.哪个,那么也会取代原来的div(<div id="304817679">).
我的脚本是否在正确的轨道上?