YouTubeビデオを埋め込んだHTMLでコードを作成しようとしていますが（入力したURL）。私はURL（例：www.youtube.com/watch?v=XXXXXXXXXXX）を入力し、そのビデオを埋め込みます。 これは私がこれまで持っているものです（私はHTMLに非常に新しいです）ユーザーが入力するYouTubeビデオを埋め込みます
<!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>
そのフィドルから継続してください：
https://jsfiddle.net/8kodfrsy/
私は何を作ったことがちょうど変更しましたビデオsrc属性。あなたがこの回答を参照する場合
document.getElementById('myframe').src = url;
hereあなたは動画のURLを持っている必要があることに気づくでしょう/embed/<video id>
ので、例えば、次のURLがある場合：
https://www.youtube.com/watch?v=ChOTlnQZ4uU
をそれを次のように変更します：
https://www.youtube.com/embed/ChOTlnQZ4uU
文字列を変換してビデオIDを取得し、単純なjsを使用してURL文字列を変更するだけです。
文字列URLを変換する方法についてはthisを確認してください。
ありがとう！どこでjavascript関数を配置しますか？私はこれを今すぐ持っています（私はhtmlで全く経験がありません）： – Guy
ビデオURL：
[URLを使用してYouTube動画の埋め込みコードを生成する]の可能な複製（https://stackoverflow.com/questions/21476121/generate-youtube-videos-embed-code-using-its-url） – inafalcao
私が言ったように、私はHTMLに新しいので、これを実装する方法はわかりません。完全なコードではありません。それが複製されていることに気づいた – Guy