web-dev-qa-db-fra.com

Comment jouer / démarrer la vidéo YouTube après avoir cliqué sur une image?

J'ai une image et je veux démarrer une vidéo YouTube uniquement après que je clique sur l'image. Comment puis-je faire ceci?

Merci beaucoup!

javascriptjqueryapiyoutubeclick
16
Grozav Alex Ioan

Jettes un coup d'oeil à:

Exemples d'API YouTube

le code sera quelque chose comme ceci:

function onPlayerReady(event) {
    $('img').click(function() { 
        ytPlayer.playVideo();
    });
}
8
Laurent Zuijdwijk

. Cliquez sur () Hangler d'événement JQuery:

$("#clickMe").click(function(){
  $("#iframe")[0].src += "&autoplay=1";
  ev.preventDefault();
});
8
Shahadat

Une autre approche - Swrame SRC SRC (URL) avec "? AutoPlay = 1" Version.

<a href="#" id="clickMe">PLAY</a>

<iframe id="iframe" width="1280" height="720" src="//www.youtube.com/embed/F0naUkyEkmM" 
            data-autoplay-src="//www.youtube.com/embed/F0naUkyEkmM?autoplay=1"></iframe>

jQuery:

jQuery("#clickMe").on('click',function(){
    var vi = jQuery("#iframe");
    vi.attr("src", vi.data("autoplay-src") );
});
6
Marek

Je crois que ceci vous aidera. Travailler bien pour moi.

$('.trigger').on('click', function () {
    $(".video")[0].src += "1";
});
<a href="#" class="trigger">Click</a>
        
<iframe class="video" src="https://www.youtube.com/embed/HJX71gFz_do?autoplay=" frameborder="0" allowfullscreen></iframe>
1
Ajithkumar S