0
votes

Comment ouvrir la vidéo intégrée YouTube dans un nouvel onglet?

J'ai intégré une vidéo YouTube. J'ai essayé de l'ouvrir dans un nouvel onglet mais j'ai échoué. Comment puis-je ouvrir une vidéo YouTube intégrée dans un nouvel onglet? J'ai essayé différentes méthodes, mais je ne trouve pas la solution.

Mon code est ici:

<a href="https://www.youtube.com/embed/wpx8xCC7ETM" target="_blank">
  <iframe width="100" height="60" src="https://www.youtube.com/embed/wpx8xCC7ETM" frameborder="0" allow="accelerometer; encrypted-media; gyroscope; picture-in-picture">
   </iframe>
</a>

javascript jquery html css

4 commentaires

Affichez les différentes méthodes que vous avez essayées.

Veuillez suivre codepen.io/hue94/pen/XMGmbe

Vous ne devez pas dicter les actions d'un utilisateur dans cet aspect. Que faire si l'utilisateur ne souhaite pas accéder au lien youtube? Que faire si l'utilisateur souhaite lire, dire un clip vidéo YouTube tout en lisant davantage sur la page actuelle? L'intégration youtube inclut intrinsèquement ces liens. Inutile d'intégrer une vidéo et de ne pas l'utiliser? Peut-être avez-vous juste besoin d'une vignette ou de quelque chose de similaire

J'ai suivi votre codepen.io/hue94/pen/XMGmbe et j'ai trouvé la réponse ce que je veux merci beaucoup Hasanuzzaman Rana

6 Réponses :

0
votes

Essayez ce code

<a href="https://www.youtube.com/embed/wpx8xCC7ETM" target="_blank">
  <iframe width="100" height="60" src="https://www.youtube.com/embed/wpx8xCC7ETM" frameborder="0" allow="accelerometer; encrypted-media; gyroscope; picture-in-picture">
   </iframe>
</a>

3 commentaires

je le veux dans un onglet différent pas dans le même onglet cela signifie que je veux afficher la vignette sur le site Web et que quelqu'un clique puis redirigé vers youtube

essayez de cliquer au bord de YouTube

Oui, je sais mais je le veux dans son ensemble, je veux dire, toute la zone intégrée clique puis redirige sur youtube

0
votes

Il suffit d'afficher une vignette de la vidéo et lorsque l'utilisateur clique dessus, ouvrez YouTube dans un nouvel onglet.

Dans cet exemple, wpx8xCC7ETM est votre identifiant vidéo. remplacez-le par un autre si vous le souhaitez.

 <a href="https://www.youtube.com/embed/wpx8xCC7ETM" target="_BLANK"><img src="https://img.youtube.com/vi/wpx8xCC7ETM/0.jpg" /></a>

0 commentaires

0
votes

vous pouvez utiliser l'API de données YouTube pour obtenir le lien des miniatures et l'afficher sous forme d'image à l'intérieur d'une balise d'ancrage. URL de l'explorateur d'API Google pour le même: https://developers.google.com/apis-explorer/#p/youtube/v3/youtube.videos.list?part=snippet&id=wpx8xCC7ETM&_h=1& vous pouvez en apprendre davantage sur son utilisation dans la documentation et l'appeler selon vos besoins en utilisant JavaScript.

0 commentaires

0
votes

Vous pouvez essayer le code ci-dessous pour ouvrir la vidéo youtube dans le nouvel onglet

<a href="https://www.youtube.com/watch?v=xbjHvDmwEJ0" target="_blank" title="Click me">
   <img src="https://img.youtube.com/vi/wpx8xCC7ETM/1.jpg" />
</a>

Ou voulez-vous voir la démo en direct? cliquez ici

0 commentaires

0
votes

Voici une manière dynamique d'extraire un coup de pouce YouTube d'une vidéoïde.

Regardez le code ci-dessous p>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<a videoId= "UQzEVP_YRT8" target="_blank" href="https://www.youtube.com/watch?v=UQzEVP_YRT8">

</a>

0 commentaires

0
votes

Si vous souhaitez rediriger vers une vidéo YouTube dans un nouvel onglet, essayez ce qui suit:

window.open (`https://www.youtube.com/watch?v=$ {url}`, "_blank")

0 commentaires