如何使用jquery更改流媒体视频

时间:2013-06-18 22:59:48

标签: jquery flowplayer

这是我的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>

1 个答案:

答案 0 :(得分:1)

  

它说api没有定义..

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

示例

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

我不确定是否有playClip方法,但您应该可以使用load()play()

所有这些信息都可以在flowplayer API docs

找到