как изменить Flowplayer видео с помощью JQuery

Question

Это мой HTML

<div data-engine="flash" data-swf="/template/styles/flowplayer.swf" 
      class="flowplayer no-toggle is-splash minimalist" 
      data-ratio="0.5625" data-embed="false"> 
      <video> 
      <source type="video/mp4" src="/template/styles/movie.mp4"> 
      <source type="video/ogg" src="/template/styles/movie.ogv"> 

      </video> 

     </div> 
<button id="pat_edu">play another</button> 

Я хочу изменить видео в другое видео по нажатию кнопки. вот мой сценарий.

$('#pat_edu').click(function() { 
    api.playClip({'url':'/template/styles/test.mp4', 'autoplay':true}); 
    }); 

Это говорит апи не определен .. в заголовках я добавил

<script type="text/javascript" src="/template/script/flowplayer.min.js"></script> 

Answer 1

Это говорит апи не определен ..

Это происходит потому, что вы не использовали функцию flowplayer для получения дескриптора API.

Пример

flowplayer(function(api, root)){ 
    api.load('/templates/styles/test.mp4'); 
} 

Я не уверен, что есть метод playClip, но вы должны быть в состоянии использовать load() или play() вместо этого.

Все эта информация может быть найдена на flowplayer API docs