javascript - ローカルで再生されているがオンラインでは再生されていない Youtube API ビデオ

Question

Youtube API を使用して、埋め込み動画をランダムに再生しています。ローカルでは完全に機能していますが、ウェブサーバーにアップロードすると、ビデオが再生されなくなります。

これは私のHTMLです：

<div class="embed-container">
    <div id="player"></div>
</div>

そしてそれを再生するための私のJavaScript：

// Youtube Player
// create youtube player
var player;
function onYouTubePlayerAPIReady() {
    player = new YT.Player('player', {    
        videoId: 'P2jViqMnnK4',
        events: {
            'onReady': onPlayerReady,
            'onStateChange': onPlayerStateChange,
            'onError': onError,
        },
        playerVars: {
            'controls': 0,
            'showinfo': 0,
            'iv_load_policy': 3,
            'wmode': "opaque",
        },
    });
}