Hiho,
ich bastel momentan was, womit man embedded Yt Videos loopen kann.
Am liebsten würde ich die Videos per iFrame embedden, da diese Methode die Schnellste ist.
Code
var tag = document.createElement('script');
tag.src = "https://www.youtube.com/player_api";
var firstScriptTag = document.getElementsByTagName('script')[0];
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
var player;
function onYouTubePlayerAPIReady() {
player = new YT.Player('ytplayer', {
height: '480',
width: '854',
videoId: 'u1zgFlCw8Aw',
playerVars: {'autoplay': 1},
events: {'onStateChange': onPlayerStateChange}
});
}
function onPlayerStateChange(event) {
alert(event);
// if(event==0) {
// player.playVideo();
// player.seekTo(0,0);
// }
}
Alles anzeigen
Das Video erscheint dann im #ytplayer. Passt ja, aber bei der Funktion unten klappt was nicht.. sollte laut der Doku ein INT sein zwischen -1 und 5, aber wenn ich ihn mit alert ausgebe, steht nur [object Object] drin.. .toSource() usw schon ausprobiert.. warscheinlich ist die Lösung ganz simpel, bin aber alles andere mit programmieren vertraut und brauchte ziemlich lange, um mir dieses Codeschnipsel zusammen zubasteln.