Internet Explorer - iframe api无法正常工作

时间:2014-11-07 12:26:11

标签: youtube-api

我正在使用iframe api(https://developers.google.com/youtube/iframe_api_reference

我希望能够通过iframe api暂停/播放和静音/取消静音视频。

我创建了一个示例: http://jsfiddle.net/ke73v0ov/



<iframe id="bg" src="//www.youtube.com/embed/o3z6h0EaIN0?&version=3&enablejsapi=1&autoplay=1&rel=0&autohide=1&controls=0&fs=0&iv_load_policy=3&loop=1&modestbranding=1&showinfo=0&wmode=transparent" frameborder="0" allowfullscreen></iframe>
<script>
      // 2. This code loads the IFrame Player API code asynchronously.
      var tag = document.createElement('script');

      tag.src = "https://www.youtube.com/iframe_api";
      var firstScriptTag = document.getElementsByTagName('script')[0];
      firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
    
    
    var player;
    function onYouTubeIframeAPIReady() {
        player = new YT.Player('bg', {
            events: {
                'onReady': function (event) {
                    event.target.setVolume(50);
                }
            }
        });
    }
    
    function pauseVideo() {
        player.pauseVideo();
    }
    
    function playVideo() {
        player.playVideo();
    }
</script>

<a href="javascript:pauseVideo()">Pause</a>
<a href="javascript:playVideo()">Play</a>
&#13;
&#13;
&#13;

它适用于Firefox和Chrome,但它并不适用于Internet Explorer(我已在IE11中测试过)。 它说

Object doesn't support property or method 'pauseVideo'

(您可以在开发者工具中看到错误。)

请帮忙。

谢谢。

1 个答案:

答案 0 :(得分:0)

所以,我向谷歌发布了同样的事情。 它现在有效。

我仍然不确定这是不是我的电脑,或者他们做了什么。