<! DOCTYPE html> <head> <!-- flowplayer depends on jQuery 1.7.1+ (for now) --> <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> <!-- flowplayer.js --> <script type="text/javascript" src="flowplayer.min.js"></script> <!-- player styling --> <link rel="stylesheet" type="text/css" href="flowplayer/minimalist.css"> </head> <body> <!-- player 1 --> <div class="flowplayer"> <video src="my-video.mp4"></video> </div> <!-- player 2 --> <div class="flowplayer"> <video> <source type="video/webm" src="my-video2.webm"> <source type="video/mp4" src="my-video2.mp4"> </video> </div> </body>
// listen to events on second player flowplayer(1).bind("load", function (e, api, video) { }).bind("pause", function (e, api) { }); // work with jQuery $(".flowplayer").bind("unload", function (e, api) { });
