Youtube API播放器 - 循环

时间:2015-06-03 11:09:44

标签: javascript youtube-api youtube-javascript-api

我想做这样的事情。 http://www.infinitelooper.com/?v=MXgnIP4rMoI。我已经测试了这个并适用于所有浏览器,甚至在IE8和Android浏览器上也是如此。唯一的问题是它不会停止。

这是我得到的,不知道接下来该做什么。它在Firefox和Chrome上运行良好,在IE和Android浏览器上不起作用。

当我运行调试时,它也有一堆错误,比如

  

未捕获的TypeError:无法读取未定义的属性'toLowerCase'

     

'KeyboardEvent.keyLocation'已弃用。请用   “KeyboardEvent.location'instead。

我不懂JavaScript,所以请不要笑,谢谢。

<iframe id="player" src="http://www.youtube.com/embed/MXgnIP4rMoI?enablejsapi=1&version=3&playerapiid=ytplayer&loop=1&rel=0&fs=1&modestbranding=1&iv_load_policy=3&showinfo=0&controls=0&wmode=transparent&rel=0" width="640" height="390" frameborder="0"></iframe>
<iframe id="player" src="http://www.youtube.com/embed/MXgnIP4rMoI?enablejsapi=1&version=3&playerapiid=ytplayer&loop=1&rel=0&fs=1&modestbranding=1&iv_load_policy=3&showinfo=0&controls=0&wmode=transparent&rel=0" width="640" height="390" frameborder="0"></iframe>

var player;

function onYouTubeIframeAPIReady()
{
    var iframes = document.getElementsByTagName('iframe');

    for( var i in iframes )
    {
        if(typeof iframes.i !== undefined)
        {
                new YT.Player(iframes[i],
                {
                    events:
                    {
                        'onStateChange': onPlayerStateChange
                    }
                });
        }
    }
}
          function onPlayerStateChange(event) {
            if (event.data == 0) {
               event.target.playVideo();
            }
        }

我试图制作一个jsfiddle,我不知道如何把JavaScript放在下面,所以我把它放在HTML区域,这里是链接:http://jsfiddle.net/no9ysqt7/

0 个答案:

没有答案