유튜브 영상 iframe으로 만들기

소스코드

<h1>유튜브 영상 넣기</h1>
<input id="url" type="url" placeholder="삽입할 YOUTUBE 영상의 URL을 입력해주세요">
<button id="sbt">제출</button>
<div id="result"></div>
<script>
$("#sbt").on("click", function () {
ytid = $("#url").val().split("v=")[1].split("&")[0]
$("#result").html("아래의 코드를 복사해서 원하는 위치에 넣어주세요<br><pre id='pre'></pre>");
$("#pre").text('<iframe id="ytplayer" type="text/html" width="640" height="360" src="https://www.youtube.com/embed/' + ytid + '?autoplay=1" frameborder="0"></iframe>');});
</script>