如何使用输入标签嵌入视频

Question

我想使用输入标签通过 iframe 嵌入 YouTube 视频。

但它不起作用，错误在哪里 - **输入的网址是：- ** https://www.youtube.com/embed/G20AHZc_sfM

正文标记中的代码：-

    <input id="url" type="url" placeholder="Video url">
    
    <button onclick="emb()">Embed video</button>
    
    <div id="link"></div>

脚本中的代码：-

function emb(){
     var iframe,  urrl;
     var link= document.getElementById('url')
    iframe= document.querySelector("#link");
    
    urrl = `<center><iframe width="480" height="360" src="${link}"></iframe></center>`
    
    iframe.innerHTML = urrl;
            
        }

Answer 1

你不能仅仅通过选择一个输入来获得它的值。使用链接中的value 属性：

var link = document.getElementById('url').value;