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