Question

我有一个位于模板中的Bootstrap轮播幻灯片中的YouTube播放器（下面没有包含旋转木马的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是否已正确加载，以便在必要时暂停视频？

Answer 1

管理以解决问题。

问题我认为youtube api没有在低带宽上正确加载，因此将它们全部避开并使用函数callPlayer代替。

YouTube iframe API: how do I control a iframe player that's already in the HTML?

在低带宽上使用youtube API很困难

1 个答案: