Brightcove 视频播放器，检测加载的视频答案

【问题标题】：Brightcove video player, detect video loadedBrightcove 视频播放器，检测加载的视频
【发布时间】：2013-02-07 23:43:33
【问题描述】：

我想知道如何检测视频播放器何时加载。基本上我想隐藏包含 videoPlayer 的选择器并在播放器加载时显示它...

我试过这个..

$(playerIDDiv).append('<div id="playerH" style="display:none"><object id="homesPlayer" class="BrightcoveExperience"><param name="bgcolor" value="#000" /><param name="width" value="480" /><param name="height" value="333" /><param name="playerID" value="'+playerID+'" /><param name="playerKey" value="'+playerKey+'" /><param name="isVid" value="true" /><param name="isUI" value="true" /><param name="dynamicStreaming" value="true" /><param name="wmode" value="opaque" /><param name="templateLoadHandler" value="myTemplateLoaded"><param name="includeAPI" value="true" /></object></div>');
        brightcove.createExperiences();




     function myTemplateLoaded(experienceID) {

    player = brightcove.api.getExperience(experienceID);

    modVP = player.getModule(brightcove.api.modules.APIModules.VIDEO_PLAYER);
    modExp = player.getModule(brightcove.api.modules.APIModules.EXPERIENCE);
    modCon = player.getModule(brightcove.api.modules.APIModules.CONTENT);

    modExp.addEventListener(brightcove.api.events.ExperienceEvent.TEMPLATE_READY, onTemplateReady);
}

function onTemplateReady(evt) {
  $('#playerH').show('slow');
}

根本没用

【问题讨论】：

标签： javascript brightcove

【解决方案1】：

我注意到的第一件事是你没有调用 brightcove 脚本：

<script language="JavaScript" type="text/javascript" src="http://admin.brightcove.com/js/BrightcoveExperiences.js"></script>

或

<script language="JavaScript" type="text/javascript" src="http://admin.brightcove.com/js/APIModules_all.js">

尝试添加它。您可以查看文档以获取更多帮助here。另外，我认为您需要检查视频云中的播放器，以确保您的网络设置已选中“启用 ActionScript/JavaScript API”。

【讨论】：

是的，脚本在页面顶部。懒得贴了找到解决办法，如果播放器的容器
设置为不显示，onTemplateLoaded 永远不会触发...所以我决定将div的高度和宽度设置为0px，然后在函数中：函数 onTemplateReady(evt) { $('#playerH').height('280'); $('#playerH').width('480'); }
其实你需要调用 BrightcoveExperiences.js，或者如果你需要 Flash-only 播放器 API，要么只是 BrightcoveExperiences_all.js，要么同时调用 BrightcoveExperiences.js 和 APIModules_all.js。