YouTube ビデオをリアルタイムで変更しようとしていますが、どこにも行きません。私のコードでは、「li」要素を初めてクリックするとビデオが正しく読み込まれますが、もう一度クリックしようとするとビデオが更新されません。これが私のコードです:
function loadv(v)
{
var params = {
allowScriptAccess: "always"
};
var atts = {
id: "ytplayer1"
};
swfobject.embedSWF("http://www.youtube.com/v/"+v+"?rel=0&enablejsapi=1&playerapiid=ytplayer1",
"play", "480", "295", "9", null, null, params, atts);
}
$('#playlist li').click(function()
{
var video = $(this).attr('id');
loadv( video );
console.log(video); //shows the correct id
});
そしてhtml:
<div id="play">You need Flash and JavaScript in order to view the video.</div>
<div id="videoStatus">status</div>
</br>
<ul id="playlist">
<li id="C0DPdy98e4c">1</li>
<li id="zM0k99OpiXM">2</li>
<li id="0ScsDReUTxw">3</li>
<li id="crgB4TyzyXM">4</li>
</ul>