我試圖改變新的視頻ID，但它不會改變的數據 - 視頻屬性

我試圖動態更改視頻ID 8IYzyTYucKQ到WKV_z36pVAk但它並沒有改變。我試圖改變新的視頻ID，但它不會改變的數據 - 視頻屬性

我認爲庫下載只適用於頁面重新加載，所以當我點擊按鈕時，新的Id更改，但視頻播放較舊的Id，當我重新載入視頻時，Id重置爲默認值。

<!DOCTYPE html> 
    <html> 
    <head> 
    <meta charset="utf-8" /> 
    <title>About</title> 
     <script type="text/javascript"> 
      function val1(val) 
      { 
     location.reload(); 
     document.getElementsByTagName("div")[0].setAttribute("data-video", val); 
      //document.getElementById("youtube-audio").data-video=val; 
      //document.getElementById("p1").innerHTML=val; 
      alert(val); 


      } 

     </script> 
    </head> 
    <body> 
    <h3 style="color:#0066dd">Hello</h3> 

    <center> 


    <div data-video="8IYzyTYucKQ" 
     data-autoplay="0" 
     data-loop="1" 
     id="youtube-audio"> 
    </div> 

    </center> 
    <button onclick="val1('WKV_z36pVAk')">change</button> 


    </body> 
    <script src="https://www.youtube.com/iframe_api"></script> 
    <script src="https://cdn.rawgit.com/labnol/files/master/yt.js"></script> 
    </html>

來源

2017-08-05 VyTcdc

你使用jQuery庫嗎？ –

是和youtube庫 – VyTcdc

爲什麼你在使用_location.reload（）; _？ –

你重新加載頁面更改使用數據屬性之後：

location.reload();

什麼屬性時，頁面刷新，並準備再次返回到默認值。使用API

簡單的例子：

<!DOCTYPE html> 
<html> 
    <head> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> 
    <script src="https://www.youtube.com/iframe_api"></script> 
    </head> 
    <body> 
    <h3 style="color:#0066dd">Hello</h3> 
    <button id="change_video">change</button> 
    <div id="player"></div> 

    <script> 
     var player; 
     function onYouTubeIframeAPIReady() { 
     player = new YT.Player('player', { 
      height: '360', 
      width: '640', 
      videoId: 'M7lc1UVf-VE' 
     }); 
     } 

     $('#change_video').on('click', function(){ 
     player.loadVideoById('WKV_z36pVAk'); 
     }) 
    </script> 

    </body> 
</html>

希望這有助於。

來源

2017-08-05 10:32:18

嗨，我把問題，請檢查它的鏈接：https://stackoverflow.com/questions/45571141/i-want-to-dynamically-change-the -video-id-from-youtube-but-it-not-working – VyTcdc

已經有幾天沒有固定了，請幫助我...... – VyTcdc

我試圖改變新的視頻ID，但它不會改變的數據 - 視頻屬性

回答

相關問題