YouTube Video-Player gesucht

Hallo liebes Forum,

ich suche einen Video-Player für YouTube-Videos - okay, davon gibt es reichlich.

Aber er sollte folgende Möglichkeiten bieten:

- Einbindung responsive

- Ton abschalten

- Autoplay

- Loop, Schleife

Kennt jemand eine solche Erweiterung?

Ich habe leider noch keine gefunden.

Ich bin für jeden Tipp dankbar.

Hallo Indigo66,

besten Dank für deine Antwort.

Ich habe es schon versucht, aber irgendwie bekomme ich es nicht hin.

Seit dem Google-Chrome den Autoplay für Videos mit Ton deaktiviert hat, habe ich Probleme damit. Blöd ist, dass YouTube alle Videos (auch die ohne Ton) als Videos mit Ton speichert. Google-Chrome spielt das Video dann nicht ab. Fatal, wenn man Videos als Hintergrundvideo für Webseiten benutzen möchte.

Ich bin jetzt schon soweit, dass Videos responsive ohne Ton automatisch abgespielt werden, aber am Ende stoppt das Video und ich bekomme es nicht hin, dass es wieder von vorne beginnt.

Hier mal die Codes, die ich verwende:

CSS: YouTube Responsive

.youtube-responsive {
position: relative;
padding-bottom: 56.25%;
padding-top: 0px;
height: 0;
overflow: hidden;
}

.youtube-responsive iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}


Im Modul:

<div class="youtube-responsive">
<div id="muteYouTubeVideoPlayer"></div>
<script async="" src="https://www.youtube.com/iframe_api"></script><script>
function onYouTubeIframeAPIReady() {
var player = new YT.Player('muteYouTubeVideoPlayer', {
videoId: 'bh7KhJuBGMA', // YouTube Video-ID
width: 560, // Breite des Players in Pixeln
height: 316, // Höhe des Players in Pixeln
playerVars: {
autoplay: 1, 
controls: 1 
},
events: { onReady: function(e) { e.target.mute(); }}});
}
</script>
</div>

Ich verwende das so auf dieser Website: VUN Vereins- und Unternehmernetzwerk

Am Ende stoppt das Video und es werden nur die vorgeschlagenen Videos von YouTube angezeigt.

Noch nicht ausprobiert. Wüsste nicht, wo ich das einfügen muss. Im normalen iFrame klar, aber in dem Code oben?

Kannst du mir einen Tipp geben?

Mir ist aufgefallen, dass die Funktion ?rel=0 neuerdingst wohl nicht mehr funktioniert und leider vorgeschlagene Videos angezeigt werden.

Danke dir, mein Lieber, aber das hilft mir nicht weiter...

Das Einbetten von YouTube-Videos ist wirklich kompliziert...

Ich möchte gerne Videos mit Autostart und Autoloop responsive einbetten.

Damit die Autostart-Funktion bei Google Chrome funktioniert, muss der Ton ausgeschaltet werden.

Mute und Responsive bekomme ich nur mit dem Code oben hin.

Die Videos loopen aber nicht und am Ende werden mir jetzt vorgeschlagene Videos angezeigt.

Zitat von Indigo66

Nur im nocoockie. nicht mehr.

Was bedeutet das? Es sind nirgends Cookies abgeschaltet. Bin ratlos...

Mit kleineren Videos auf dem Server habe ich das jetzt mit HTML 5 gelöst.

Muss nur mal sehen, ob das auch für größere Videos passt und mir nicht die Ladezeiten sprengt.