【发布时间】:2014-12-11 10:26:31
【问题描述】:
我有一个 YouTube 播放器,它位于模板中的 Bootstrap 轮播幻灯片中(以下不包括轮播的 html):
<script type="text/html> <div class="video-container" id="introVideoTmpl">
<iframe width="640" height="480" src="//www.youtube.com/embed/Kn-7OlEVdNM?rel=0&enablejsapi=1" id="videoOne" frameborder="0" allowfullscreen></iframe>
</script>
我通过调用 JavaScript 来渲染它:
renderPageOne = function(){
var introVideoTmpl= $("#introVideoTmpl").html();
$("#container").empty();
$("#container").append(_.template(introVideoTmpl, ""));
getPlayerOne();
getPlayerOne() 生成播放器实例:
function getPlayerOne() {
playerOne = new YT.Player('videoOne', {});
}
这个playerOne 有一个pauseVideo() 方法,我会在需要时调用它。
它在大多数情况下都可以正常工作,但有时在带宽较低的情况下,API 似乎无法正确加载,pauseVideo() 也无法正常工作。
如何检查 API 是否正确加载,以便在必要时暂停视频?
【问题讨论】:
标签: javascript jquery youtube-api