問題をデバッグしようとしています。プレイリストから YouTube の URL を抽出する、同僚が作成したライブラリをインポートしました。このライブラリが抽出プロセスを完了すると、イベントが発生playlistDone
し、オブジェクトに YouTube URL が配置されますOBJ.youtube.videos
。私の Web サイトは非常に大きく複雑であるため、空の Web サイトでこのライブラリをテストして、機能することを確認しました。
$(document).on('playlistDone', function() {
console.log( 'done' );
console.log( OBJ.youtube.videos );
});
上記のコードを自分の Web サイトに移動すると、コンソールはカスタム イベントを認識しますが、未定義であるとplaylistDone
報告します。OBJ.youtube.videos
なぜこれが起こっているのかについて、誰かアドバイスをいただけますか?
テストに使用した空白ページのサンプル:
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
</head>
<body>
<div>
<h1>Video</h1>
<div id="player" style="width:650px; height:400px;"></div>
<hr />
<div style="width:650px; height:80px; border:solid 2px #e8e; overflow:horizontal" id="thumbnails"></div>
</div>
<script src="youtube-playlist-lib.js?playlistId=PLA249A8D68B9C95F7&dom=player&thumbnails=thumbnails"></script>
<script type="text/javascript">
$(document).on('playlistDone', function() {
console.log( 'done' );
console.log( OBJ.youtube.videos );
});
</script>
</body>
</html>