javascript - Flowplayer视频未加载

Question

我有一个链接，点击后会转到 flowplayer 视频。我的问题是，当我单击链接时，flowplayer 内容只是冻结并且视频不加载。在控制台上，我收到“api 未定义”错误。但是，一旦我刷新页面，这就会解决。

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

即使我添加了自动播放功能，视频也会播放，但 flowplayer 控件不会加载。他们再次刷新页面时加载。我不知道出了什么问题！

你们有没有遇到过这种情况？这发生在 chrome 和 FF 上

score 0 · Accepted Answer

手动初始化 Flowplayer：

HTML

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

JS：

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

我在 ASP MVC4 中对其进行了测试，并且可以正常工作。

score 0 · Accepted Answer

在不发布代码的情况下很难准确地说出您需要做什么来更正代码，但这"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 函数将导致您遇到错误。

有关 flowplayer API 的更多信息，请参阅他们的文档

2 回答 2