Flowplayer视频无法加载

Question

我有一个链接，在点击时带我到流动播放器视频。我的问题是，当我点击链接时，流程播放器内容只是冻结而视频无法加载。在控制台上，我收到“api is undefined”错误。但是，一旦刷新页面，这就解决了。

为什么会这样？我错过了什么吗？

即使我添加了自动播放功能，视频也会播放，但不会加载流媒体播放器控件。他们再次加载刷新页面。我无法弄清楚出了什么问题！

有没有人遇到过这个？在chrome和FF

上都会发生这种情况

Answer 1

很难确切地说明在不发布代码的情况下需要做些什么才能更正代码，但"api is undefined"表示您在没有先声明和定义变量的情况下使用变量api。

要在flowplayer中处理API，您必须首先使用flowplayer函数。有几种方法可以做到这一点。

<强> 1

flowplayer(function (api, root) { 
    api.bind("load", function () { 
        // do something when a new video is about to be loaded 
    });
});

<强> 2

var api = flowplayer();
api.load();

仅使用api而不调用流程图功能将导致您正在进行的错误。

有关flowplayer API的详细信息，请参阅他们的documentation

Answer 2

手动启动Flowplayer：

<强> HTML

<div class="player">
   <video>
       <source src="Videos/video.mp4">
   </video>
</div>

<强> JS ：

$(function () {
    $(".player").flowplayer({
        // add video player properties here            
    });
});

我在ASP MVC4中测试了它并且它正在工作。