CODEWITHSUNDEEP
javascriptphphtmlcssiframe
Saad
Saad

Reputation: 60

Start & Stop a iframe with php

I want to make 4 channel in my website, but I want to make start for the first channel automatically and after 5 second start the second channel ... etc

code of channel

The Code 

window.addEventListener("load", function() {
	
var interval = setInterval(function() {
iframes[++n].src = urls[n - 1];
iframe[n].style.display = "block";
console.log(n);
if (n === iframes.length -1)
{
	clearInterval(interval); console.log("all iframes loaded") 
	}
	},
5000)
})
.channel1, .channel2, .channel3{
		display:none;
		}
<html>
  <head>
    <script type="text/javascript" src="js.js"></script>
   <link rel="stylesheet" href="css.css">
  </head>
<body>
  
  <iframe width="560" height="315" src="https://www.youtube.com/embed/BqPmcSGgs3U?autoplay=1" frameborder="0" allowfullscreen></iframe>
<iframe class="channel1" width="560" height="315" src="https://www.youtube.com/embed/BqPmcSGgs3U?autoplay=1" frameborder="0" allowfullscreen></iframe>
<iframe class="channel2" width="560" height="315" src="https://www.youtube.com/embed/BqPmcSGgs3U" frameborder="0" allowfullscreen></iframe>
<iframe class="channel3" width="560" height="315" src="https://www.youtube.com/embed/BqPmcSGgs3U" frameborder="0" allowfullscreen></iframe>
</body>

</html>

This code doesn't work, I can listen the commutator talk but I cant see the channel why ?

Upvotes: 0

Views: 118

Answers (1)

guest271314
guest271314

Reputation: 1

You can set iframe elements 1-4 src to empty string, utilize setInterval to set src of each iframe 1-4 to a url within an array every five seconds until all iframe elements have src set.

window.addEventListener("load", function() {

var urls = ["data:text/plain,b", "data:text/plain,c", "data:text/plain,d"];

var iframes = document.querySelectorAll("iframe");

var n = 0;

var interval = setInterval(function() {
  
  iframes[++n].src = urls[n - 1];
  console.log(n);
  if (n === iframes.length -1) {
    clearInterval(interval);
    console.log("all iframes loaded")
  }
  
}, 5000)

})
<iframe src="data:text/plain,a"></iframe>
<iframe src=""></iframe>
<iframe src=""></iframe>
<iframe src=""></iframe>

Upvotes: 1

Related Questions