Intégrer une vidéo YouTube à l'entrée de l'utilisateur

J'essaie de créer un code HTML qui incorpore une vidéo YouTube (mais l'URL que vous avez entrée). Je voudrais entrer l'URL (ex: www.youtube.com/watch?v=XXXXXXXXXXX), puis il intégrerait cette vidéo. C'est ce que j'ai jusqu'à présent: (Je suis très nouveau HTML)Intégrer une vidéo YouTube à l'entrée de l'utilisateur

<!DOCTYPE html> 
<html> 

<form> 
    Video URL:<br> 
    <input id="url" type="url"> 
    <iframe width="560" height="315" src="url" frameborder="0" allowfullscreen></iframe> 
</form> 

<iframe width="420" height="315" 
src="url"> 
</iframe> 

</html>

Source

2017-09-29 Guy

Copie possible de [générer le code intégré de la vidéo youtube en utilisant son URL] (https://stackoverflow.com/questions/21476121/generate-youtube-videos-embed-code-using-its-url) – inafalcao

Comme je l'ai dit, Je suis nouveau au HTML, et je ne sais pas comment l'implémenter. Ce n'est pas un code complet. Je me rends compte qu'il est dupliqué – Guy

Essayez de continuer de ce violon:

https://jsfiddle.net/8kodfrsy/

Ce que j'ai fait était juste pour changer la Attribut vidéo src.

document.getElementById('myframe').src = url;

Si vous faites référence à cette réponse here vous remarquerez que l'URL de la vidéo doit avoir /embed/<video id>

Ainsi, par exemple, si vous avez l'adresse suivante:

https://www.youtube.com/watch?v=ChOTlnQZ4uU

Vous allez le changer pour:

https://www.youtube.com/embed/ChOTlnQZ4uU

Donc, il suffit de transformer la chaîne pour obtenir l'identifiant de la vidéo et modifier la chaîne d'URL en utilisant js simple.

Vérifiez this sur la façon de transformer l'URL de chaîne.

Source

2017-09-29 02:32:12 inafalcao

Merci! Où dois-je placer la fonction javascript? Je l'ai maintenant (je n'ai aucune expérience du tout en html): – Guy

URL de la vidéo:
l'intégrer! d'intégration de la fonction() { var url = document.getElementById ('URL') de la valeur \t \t document.getElementById ('de MyFrame') src = url..; } document.getElementById ("mybutton"). AddEventListener ("clic", embed); – Guy

S'il vous plaît, postez cela sur un violon. – inafalcao

Intégrer une vidéo YouTube à l'entrée de l'utilisateur

Répondre

Questions connexes