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

Question

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

但它不工作，错误在哪里 - **输入的 URL 是：- ** 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

您无法仅通过选择来获取输入的值。在 link:

中使用 value 属性

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

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

How to embed video using input tag

html

javascript

embed

iframe

input