I want to create loop for youtube iframe API, what I am trying is
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 vidslide1, vidslide2, vidslide3;function onYouTubeIframeAPIReady() { for(var i = 0; i < vidslide.length;i++) { vidslide[i] = new YT.Player(vidslide[i], { events: {'onStateChange': onPlayerStateChange } }); } }
But its not working. I am trying to create 3 iframes in slider.
Here is my html.
<?php $count = 0; ?> <?php foreach($sliders->results() as $slider): $count++; ?><div class="item"><iframe id="vidslide<?php echo $count; ?>" class="embed-responsive-item" width="75%" height="500" src="<?php _lang($slider['url'])?>?enablejsapi=1" frameborder="0" allowfullscreen></iframe> </div><?php endforeach ?>
Anyone can help?