2017-02-03 2 views
1

Also versuche ich ein paar kleine Youtube-Thumbnails zu wechseln, also klick sie laden das relevante Youtube-Video im Hauptvideo oben. Ich habe es ziemlich gut funktioniert. Aber beim Wechsel des Videos möchte ich, dass sie mit dem Autoplaying beginnen.URL wechseln iframe YouTube Video und Autoplay mit jQuery

Hier ist ein JSFiddle, was ich so weit gekommen: http://jsfiddle.net/jw1sw01v/4/

jQuery:

$(document).on('click', '.ph-video', function (event) { 
var change = $(this).find("img").attr("src").split("/"); 
$(".ph-master-video-section > iframe").attr("src","https://www.youtube.com/embed/" + change[4]); 
}); 

Wenn Sie auf die Bildchen klicken Sie werden sehen, es ist Schalt perfekt. Genau wie es um automatisch auf Schalter zu spielen.

Irgendwelche Ideen sehr geschätzt?

Antwort

2

müssen Sie iframe src hinzuzufügen: ?rel=&autoplay=1

$(document).on('click', '.ph-video', function (event) { 
    var change = $(this).find("img").attr("src").split("/"); 
    $(".ph-master-video-section > iframe").attr("src", "https://www.youtube.com/embed/" + change[4]+"?rel=&autoplay=1"); 
}); 

Check this JSFiddle

+0

Perfekt prost. Dachte, dass es etwas mit '& autoplay = 1' zu tun hatte, konnte es einfach nicht zum Laufen bringen. – alexgomy

Verwandte Themen