三行代码  ›  专栏  ›  技术社区  ›  Hemant

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

  •  0
  • Hemant  · 技术社区  · 1 月前

    我想使用输入标记通过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;
                
            }
    
    1 回复  |  直到 1 月前
        1
  •  0
  •   code    1 月前

    你不能仅仅通过选择一个输入来获得它的值。使用 value

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