YouTube埋め込みAPIを使用して動画タイトルでHTMLテキストを更新

Question

現在、YouTubeの埋め込みAPIを使用して新しい動画を再生したときに、YouTubeのタイトルで文字列を更新する方法を理解するのに苦労しています。ここで

は、私が更新する関連するHTMLのセグメントである：ここで

<div id="bottom-song-title" class="song-name">No song is playing</div> 

が（このコードの大半は一時停止プレイやプログレスバーのためである）私の現在のAPIのコードですが、私はこれが機能だと思います私は正しいを使用したいと思いますか？

function onPlayerStateChange(event) { 
    if (event.data == YT.PlayerState.ENDED) { 
     console.log("END!"); 
     clearTimeout(timeout_setter); 
     document.getElementById("progress-bar-bottom").style.cssText = "transition: none;"; 
    } else if (event.data == YT.PlayerState.PLAYING) { 
     console.log("PLAYING"); 
     loopy(); 
     document.getElementById("progress-bar-bottom").style.cssText = "transition: all 1s linear 0s;"; 
    } else { 
     console.log(event.data); 
    } 

    var state = player.getPlayerState(); 
    if (state == 1) { 
     jQuery('#media-toggle').click(function (event) { 
      player.pauseVideo(); 
     }); 
    } else { 
     jQuery('#media-toggle').click(function (event) { 
      player.playVideo(); 
     }); 
    } 
    if (state == 1) { 
     jQuery('#media-toggle-bottom').click(function (event) { 
      player.pauseVideo(); 
     }); 
    } else { 
     jQuery('#media-toggle-bottom').click(function (event) { 
      player.playVideo(); 
     }); 
    } 
    if (state == 1) { 
     jQuery('.media-circle').click(function (event) { 
      player.pauseVideo(); 
     }); 
    } else { 
     jQuery('.media-circle').click(function (event) { 
      player.playVideo(); 
     }); 
    } 
} 

私はinnerHTML技術を使ってみましたが、更新する文字列を取得できませんでした。 https://www.uncvrd.co

ありがとう：あなたが見てするため

現在のサイト！ここで自分の質問に答える

Answer 1

が、これは私がこれを達成する方法である：

document.getElementById("bottom-song-title").textContent = event.target.getVideoData().title;

が、これは誰かに役立ちます願っています！