Javascript jQuery youtube视频更新视频

Javascript jQuery youtube视频更新视频,javascript,jquery,youtube-api,Javascript,Jquery,Youtube Api,我试图实时更改youtube视频,但我一无所获; 在我的代码中,当我第一次单击“li”元素时,视频加载正确,但如果我再次尝试单击,视频不会更新; 这是我的密码: function loadv(v) { var params = { allowScriptAccess: "always" }; var atts = { id: "ytplayer1" }; swfobject.embedSWF(

我试图实时更改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>
您需要Flash和JavaScript才能观看视频。
地位

  • 1
  • 2
  • 3
  • 4

创建对象时不能更改参数。但是您可以使用Youtube Javascript播放器API。看看

所需功能的参考(在生成的播放器中更改视频)如下: