如何从用户输入设置视频ID

我希望能够通过<input type="text">字段设置要从用户输入播放的视频ID。如何从用户输入设置视频ID

我天真的尝试看起来像这样

<!DOCTYPE html>                       
<html>                         
    <body>                        
    <p>                         
     ID:<input type="text" id="ytvideoid">                
     <button onclick="loadVideo()">Load</button>              
    </p>                        

    <iframe id="ytplayer" type="text/html" width="640" height="390"</iframe>       

    <script>                       
     function loadVideo() {                   
     var ytplayer = document.getElementByID("ytplayer");            
     var videoid = document.getElementByID("ytvideoid").value;          

     ytplayer.cueVideoById({                   
      videoId: videoid                    
     });                        
     ytplayer.playVideo();                   
     }                         
    </script>                       
    </body>                        
</html>

但玩家仍然控件输入ID，然后点击“加载”后的空白。

出了什么问题？

来源

2016-09-14 AlexG

在使用它之前定义一个函数。只需将<script>移动到<button>以上
您有typo两次getElementById有一个小写“d”。

最后，它看起来就像这样：

<!DOCTYPE html>                       
<html>                         
    <body>  

    <script>                       
     function loadVideo() {                   
     var ytplayer = document.getElementById("ytplayer");            
     var videoid = document.getElementById("ytvideoid").value;          

     ytplayer.cueVideoById({                   
      videoId: videoid                    
     });                        
     ytplayer.playVideo();                   
     }                         
    </script>                          
    <p>                         
     ID:<input type="text" id="ytvideoid">                
     <button onclick="loadVideo()">Load</button>              
    </p>                        

    <iframe id="ytplayer" type="text/html" width="640" height="390"</iframe>       

    </body>                        
</html>

我也帮不了你任何进一步的比不过，因为你的例子不工作这两样东西是固定后，因为它不包含使其工作所需的所有代码。

来源

2016-09-14 14:19:26 VidSpz

如何从用户输入设置视频ID

回答

相关问题