Flowplayer開始播放列表的指定索引

Question

我有以下代碼，通過javascript在我的頁面上插入帶播放列表的流播放器。現在我需要玩家從視頻[播放]開始，這意味着播放列表中的預定義位置。控制檯告訴我，該對象（v.flowplayer）沒有方法播放......我做錯了什麼？

由於視頻元素的來源，播放器從右側視頻開始，但使用.prev（）和.next（）函數，通過在使用.next後播放第二個視頻來擾亂播放列表順序），即使最初的視頻是播放列表中的第5個視頻。

var v = videos.eq(2); 
      var p = $('<div class="fp-playlist"></div>'); 
      var vt = $('<video>'); 
      var s = $("<source>"); 
      var a; 



      vt.attr({poster: playlist[playing].poster}); 
      s.attr({src: playlist[playing].url, type: "video/" + playlist[playing].videotype}); 
      v.append(vt.append(s)); 
      for(var i = 0; i < playlist.length; i++){ 
       a = $('<a href="{0}"></a>'.compose(playlist[i].url)); 
       p.append(a); 
      } 
      v.append(p); 
      v.flowplayer().play(playing); 

的HTML看起來像這樣，JavaScript的運行後：

<div class="video flowplayer no-volume fixed-controls no-toggle no-time is-mouseover video0 is-muted is-ready is-paused is-poster" data-embed="false" data-keyboard="false" data-fullscreen="false" style="background-image: url(somepic.jpg);"> 
<video poster="poster.jpg" class="fp-engine" src="somevid.webm"></video> 
<div class="fp-playlist"> 
    <a href="somevid.mp4" data-index="0" class="is-active"></a> 
    <a href="somevid.mp4" data-index="1"></a> 
    <a href="somevid.mp4" data-index="2"></a> 
    <a href="somevid.mp4" data-index="3"></a> 
    <a href="somevid.mp4" data-index="4"></a> 
    <a href="somevid.mp4" data-index="5"></a> 
    <a href="somevid.mp4" data-index="6"></a> 
    <a href="somevid.mp4" data-index="7"></a> 
    <a href="somevid.mp4" data-index="8"></a> 
    <a href="somevid.mp4" data-index="9"></a> 
    <a href="somevid.mp4" data-index="10"></a> 
    <a href="somevid.mp4" data-index="11"></a> 
    <a href="somevid.mp4" data-index="12"></a> 
    <a href="somevid.mp4" data-index="13"></a> 
    <a href="somevid.mp4" data-index="14"></a> 
    <a href="somevid.mp4" data-index="15"></a> 
    <a href="somevid.mp4" data-index="16"></a> 
    <a href="somevid.mp4" data-index="17"></a> 
    <a href="somevid.mp4" data-index="18"></a> 
    <a href="somevid.mp4" data-index="19"></a> 
    <a href="somevid.mp4" data-index="20"></a> 
    <a href="somevid.mp4" data-index="21"></a> 
    <a href="somevid.mp4" data-index="22"></a> 
    <a href="somevid.mp4" data-index="23"></a> 
    <a href="somevid.mp4" data-index="24"></a> 
    <a href="somevid.mp4" data-index="25"></a> 
    <a href="somevid.webm" data-index="26"></a> 
    <a href="somevid.mp4" data-index="27"></a> 
    <a href="somevid.mp4" data-index="28"></a> 
</div> 
<div class="fp-ratio" style="padding-top: 56.25%;"></div> 
<div class="fp-ui"> 
    <div class="fp-waiting"> 
     <em></em> 
     <em></em> 
     <em></em> 
    </div> 
    <a class="fp-unload"></a> 
    <p class="fp-speed"></p> 
    <div class="fp-controls"> 
     <a class="fp-play"></a> 
     <div class="fp-timeline"> 
      <div class="fp-buffer" style="width: 100%;"></div> 
      <div class="fp-progress"></div> 
     </div> 
     <div class="fp-volume"> 
      <a class="fp-mute"></a> 
      <div class="fp-volumeslider" style=""> 
       <div class="fp-volumelevel" style="width: 0%;"></div> 
      </div> 
     </div> 
    </div> 
    <div class="fp-time"> 
     <em class="fp-elapsed">00:00</em> 
     <em class="fp-remaining">00:12</em> 
     <em class="fp-duration">00:12</em> 
    </div> 
    <div class="fp-message"> 
     <h2></h2> 
     <p></p> 
    </div> 
</div> 
<a href="http://flowplayer.org"></a> 
<div class="fp-context-menu" style="left: 489.21875px; top: 179px; display: block;"> 
    <ul> 
     <li class="copyright">© 2013</li> 
     <li><a href="http://flowplayer.org">About Flowplayer</a> 
     </li> 
     <li><a href="http://flowplayer.org/license">GPL based license</a> 
     </li> 
    </ul> 
</div> 

Answer 1

與v.flowplayer（）的最後一行的javascript玩（玩）應該是這樣的：

v.data('flowplayer').play(playing);