我正在使用流动播放器播放视频,我使用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>
请帮助