如何從用戶輸入設置視頻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

回答

相關問題