jquery - 如何使用 jquery 更改 flowplayer 视频

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});
   });

它说api没有定义..在我添加的标题中

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

Answer 1

它说api没有定义..

那是因为您没有使用 flowplayer 函数来获取 API 的句柄。

例子

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

我不确定是否有playClip方法，但您应该可以使用load()orplay()代替。

所有这些信息都可以在flowplayer API 文档中找到