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>
Alles anzeigen
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.