JQuery YouTube视频更新视频



我正在尝试实时更改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>

创建对象时无法更改参数。但是您可以使用 YouTube JavaScript Player API 。看看https://developers.google.com/youtube/js_api_reference

您想要的函数的引用(在生成播放器中更改视频)在这里:https://developers.google.com/youtube/js_api_reference#loadvidevidevidebyid

最新更新