Event watches not firing reliably / scripts not loading.

I’ve got this script in my functions.php but it doesn’t work.

add_action('wp_footer', 'ava_current_menu');
function ava_current_menu(){ if(is_page('home')) {
?>
<!-- **teera -->
<!-- <script async src="https://www.youtube.com/iframe_api"></script> -->
<script>
var tag = document.createElement('script');

      tag.src = "https://www.youtube.com/iframe_api";
      var firstScriptTag = document.getElementsByTagName('script')[0];
      firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
var ytplayer;

  function onYouTubeIframeAPIReady() {
  ytplayer = new YT.Player('vid', {
events: {
		'onReady': onPlayerReady,
            'onStateChange': onPlayerStateChange
          }
});  
console.log('yt_api working');
  }

function onPlayerReady(event){
console.log('playeready');
return null;
}

function onPlayerStateChange(event) {
console.log('yt_change');
video_stop();
return null;
      }

function video_stop(){
var q = document.getElementsByTagName("video");
var i;
for (i = 0; i < q.length; i++){
q[i].pause();
console.log('videostop');
}

};

jQuery('a').click(function(){
console.log('aclick');
video_stop();
ytplayer.pauseVideo();
});

</script>
<?php
}}

This section

var tag = document.createElement('script');

      tag.src = "https://www.youtube.com/iframe_api";
      var firstScriptTag = document.getElementsByTagName('script')[0];
      firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);

Came straight off youtube iframe_api_reference and is supposed to load the iframe api code asynchronously.

If I replace it with <script async src=”https://www.youtube.com/iframe_api”></script&gt;

The script will load properly most times, but not always (just keep hitting refresh). But still you have browsers that do not support async and the script still doesn’t always load. In the times it does load, it still has problems with onStateChange not triggering when I play the video.

This script works when written for simple HTML page but isn’t working with enfold reliably for some reason.

Thanks,
Teera

• This topic was modified 9 years, 8 months ago by teeramusic.