Trying to capture onFinish event in FlowPlayer

StackOverflow https://stackoverflow.com/questions/18836254

  •  28-06-2022
  •  | 
  •  

题

I can't seem to figure out how to capture events with FlowPlayer. I'm loading the scripts from the CDN. Below is what I've attempted to try to catch the onFinish event, but no luck. Any help would be greatly appreciated.

<!DOCTYPE html>
<html>

<head>
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
    <script src="//releases.flowplayer.org/5.4.3/flowplayer.min.js"></script>
    <link rel="stylesheet" href="//releases.flowplayer.org/5.4.3/skin/minimalist.css">

    <script>
         flowplayer("flowplayer", "video.flv", {
             onFinish: function () {
                 alert("Click Player to start video again");
                 }
             });
    </script>

    <title>FlowPlayer Test</title>
</head>

<body>
    <div class="flowplayer">
        <video>
            <source type="video/flv" src="video.flv">
        </video>
        </div>
</body>

</html>
有帮助吗？

解决方案

From your example code it looks like you are using the flowplayer HTML5 video player. As far as I am aware there is no onFinish event. There is however a finish event which you can bind to. Here's how:

Example

flowplayer(function (api, root) { 
    api.bind("finish", function () { 
        alert("Click Player to start video again"); 
    });

});

More information can be found on the flowplayer API docs

许可以下： CC-BY-SA 和 归因
不隶属于 StackOverflow
scroll top