Flowplayer加载栏不会消失答案

【问题标题】：Flowplayer loading bar not going awayFlowplayer加载栏不会消失
【发布时间】：2013-02-25 21:31:39
【问题描述】：

我一直在制作视频上传脚本，您可以上传视频（我还没有测试所有视频格式），它会将视频转换为 .mp4、.ogg 和 .webm 文件。

我正在使用 flowplayer 嵌入视频，你 can see a test video working，但加载栏没有消失，所以你无法访问控件。这是我的嵌入代码：

<link rel="stylesheet" type="text/css" href="<?=$url;?>javascript/flowplayer/skin/minimalist.css" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script src="<?=$url;?>javascript/flowplayer/flowplayer.min.js"></script>

（我不认为那部分是问题）

和

<div class="flowplayer" data-swf="<?=$url;?>javscript/flowplayer/flowplayer.swf" data-ratio="0.417">
      <video autoplay>
         <source type="video/webm" src="<?=$video->file('webm');?>" />
         <source type="video/mp4" src="<?=$video->file('mp4');?>" />
         <source type="video/ogg" src="<?=$video->file('ogg');?>" />
      </video>
    </div>

我试过删除 data-swf 和 data-ratio 属性，我试过移动链接和脚本标签，但没有雪茄。

【问题讨论】：

标签： javascript jquery html flowplayer

【解决方案1】：

我找到了问题，我把它放在这里以防万一有人遇到同样的问题。

这可能与使用 Google 托管库中的最新 jQuery 版本有关，但 flowplayer.js 有这个：

on("mouseout.tip", function()

他们应该在什么时候使用

bind("mouseout.tip", function()

【讨论】：

jQuery 1.7 及更高版本支持.on()，我认为从那时起它就受到青睐。我当然养成了使用它而不是 bind() 或 click() 等的习惯！我使用 jQuery 1.8.3 没有问题。