我需要在一个页面中使用多个搜索按钮流程图

时间:2015-10-13 13:45:36

标签: javascript jquery jquery-ui jquery-plugins

我正在使用流动播放器播放视频,我使用flowplayer寻找APi,我在一个页面上有一个多视频,我想要为每个视频播放按钮,而不仅仅是一个视频

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>video</title>
</head>

<body>
<div class="video-container">
  <div class="flowplayer">
    <video>
      <source type="video/mp4" src=""/>
    </video>
    <div class="buttons"> <a href="#" class="forward">forward</a> <a href="#" class="rewind">rewind</a> </div>
  </div>
</div>
<div class="video-container">
  <div class="flowplayer">
    <video>
      <source type="video/mp4" src=""/>
    </video>
    <div class="buttons"> <a href="#" class="forward">forward</a> <a href="#" class="rewind">rewind</a> </div>
  </div>
</div>
<script src="js/lib/jquery-1.9.1.min.js"></script> 
<script src="js/lib/flowplayer.min.js"></script> 
<script>

flowplayer(function(api, root) {

$(".forward, .rewind").click(function () {
  if (api.playing) {
    var target = $(this).attr("class") == "forward" ? 3 : -3;
    api.seek(api.video.time + target);
  }  
});

});
</script>
</body>
</html>

请帮助

0 个答案:

没有答案