Ma vidéo YouTube ne s'affichera pas dans iframe
Voici le code que j'ai entré dans mon HTML
<iframe width="640" height="360" src="https://www.youtube.com/watch?v=ZwKhufmMxko">
</iframe>
L'image vidéo s'affichera, mais la vidéo réelle ne se chargera ni ne s'affichera même pas. J'ai essayé d'attendre, donc ce ne devrait pas être un problème de chargement.
Je n'utilise actuellement que du HTML et du CSS
Des idées sur la façon dont je peux faire fonctionner cela?
YouTube n'autorise pas les tiers à intégrer leur site directement comme ça. En utilisant
<iframe width="640" height="360" src="https://www.youtube.com/watch?v=ZwKhufmMxko">
</iframe>
générera une erreur Refused to display 'https://www.youtube.com/watch?v=ZwKhufmMxko' in a frame because it set 'X-Frame-Options' to 'SAMEORIGIN'. pour indiquer cela (vous devriez vraiment vérifier la console pour ces choses).
Heureusement, Youtube propose l'option "intégrer la vidéo", que vous devez utiliser pour intégrer des vidéos.
Votre vidéo liée, par exemple, produirait le code iframe:
<iframe width="560" height="315" src="https://www.youtube.com/embed/ZwKhufmMxko" frameborder="0" allowfullscreen></iframe>
Changez "watch? V =" en "embed /"
Le moyen le plus simple d'obtenir le lien correct est de cliquer avec le bouton droit sur la vidéo YouTube et de sélectionner "copier le code d'intégration".
<iframe width="854" height="480" src="https://www.youtube.com/embed/ZwKhufmMxko" frameborder="0" allowfullscreen></iframe>