Como clicar em imagem e executar vídeo do youtube

Eu faria assim:

<img src="engodo.png" onclick=location.replace('https://www.youtube.com/embed/rsFCVjr5yxc')>

Obrigado Frank K Hosaka, por sua atenção, deu certo.

>

Em 28/11/2022 at 14:49, PORTER disse:

Olá pessoal, tenho uma imagem, e gostaria de ao clicar nela, executar um vídeo no youtube, como faz esse comando ?

Imagem

 <img src="imagens/paisagem-html.png" alt="">

  

 **vídeo a ser executado**

 -<iframe width="560" height="315" src="https://www.youtube.com/embed/rsFCVjr5yxc" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> 

<script>
 $(function(){
   $('#IdImg').click(function ()
 {
 var src = $(this).data('src');

     $('#IdFrame').attr({src: src});
 });
});

  </script>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<img id="IdImg" src="https://img.youtube.com/vi/<?= $CodigoYoutubeAqui; ?>/0.jpg" data-src="https://www.youtube.com/watch?v=<?= $CodigoYoutubeAqui; ?>" />
<iframe id="IFrame"></iframe>

>

21 horas atrás, Jack Oliveira disse:

<script>
 $(function(){
   $('#IdImg').click(function ()
 {
 var src = $(this).data('src');

     $('#IdFrame').attr({src: src});
 });
});

  </script>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<img id="IdImg" src="https://img.youtube.com/vi/<?= $CodigoYoutubeAqui; ?>/0.jpg" data-src="https://www.youtube.com/watch?v=<?= $CodigoYoutubeAqui; ?>" />
<iframe id="IFrame"></iframe>

  

	O código não funcionou comigo. Eu mudei para:

	 

<iframe allow=accelerometer;fullscreen;gyroscope;midi src=https://www.youtube.com/embed/rsFCVjr5yxc >
</iframe>

	Ele funciona, mas a ferramenta inspecionar do navegador aponta 4 erros.