我想做这样的事情。 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/