How do I get video events to fire

I'm having a problem with Google Chrome and Edge where no YouTube video events are occurring. I need to know when a video ends. I have used the code from YouTube's iFrame API. The events work properly in Safari.

Here is HTML and Javascript code:

<iframe id="player" type="text/html" width="640" height="390"        src="https://www.youtube.com/embed/xPxk0zvqes4? enablejsapi=1&origin=https://mishparking.com"        frameborder="0"></iframe>var tag = document.createElement('script');

Javascript:

tag.src = "https://www.youtube.com/iframe_api";var firstScriptTag = document.getElementsByTagName('script')[0];firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);var player;function onYouTubeIframeAPIReady() {    player = new YT.Player('player', {        playerVars: {'playsinline': 1         },        events: {'onReady': onPlayerReady,'onStateChange': onPlayerStateChange        }    });}function onPlayerReady(event) {    event.target.playVideo();}function onPlayerStateChange(event) {    if(event.data == YT.PlayerState.ENDED) {        alert("Video has ended.");    }}function stopVideo() {    player.stopVideo();}