javascript - 如何通过在输入中输入视频ID来嵌入YouTube视频？

Question

我想通过输入视频ID进行嵌入youtube视频的输入。这是我尝试过的方法，但是没有用
HTML

<form action="http://www.youtube.com/embed/">
   <input class="EnterID" type="text" id="txtSRC" />
   <input class="submitid" type="button" value="Submit" onclick="SetSrc()" />
</form>

<iframe id="myIfreme" src="" frameborder="0" marginwidth="0" scrolling="yes" height="420" width="640"></iframe>

JS

<script type="text/javascript">
        function SetSrc() {
            document.getElementById("myIfreme").src = document.getElementById("txtSRC").value;
        }

</script>

Answer 1

有两件事:

您应该从提交

的形式上激活功能

添加事件对象，在其上调用preventDefault()，然后使用document.location = ...;

     function SetSrc(e) {
       e.preventDefault();
         document.getElementById("myIfreme").src = document.getElementById("txtSRC").value;
         document.location = ...;
     }