youtube - YouTube の終了後に div/form を表示する

Question

最初は div を非表示にしてから、YouTube ビデオが終了したら、フォームを含む div を表示する必要があります。ユーザーがビデオを視聴する必要がある競技用です。

乾杯。

Answer 1

これを試してください：（私はこのAPIを使ったことはありませんが、ドキュメントから、これは私が構築できる最高のものです）

function onPlayerStateChange(event) {
    alert('YT player is now on state code ' + event.data);
    if (event.data == YT.PlayerState.ENDED) {
        //fire your function to show the div here.
    }
}

player.addEventListener("onStateChange", "onPlayerStateChange");

これが有効な解決策である場合は、質問への回答としてマークすることを忘れないでください。

これも見てください。構成要素が不足している可能性があります (API を直接使用するのではなく、iframe.

https://developers.google.com/youtube/iframe_api_reference