Start & Stop ein iframe mit php

I 4 Kanal in meiner Website machen will, aber ich will Start für den ersten Kanal automatisch machen und nach 5 Sekunden des zweiten Kanal starten ... etcStart & Stop ein iframe mit php

Code des Kanals

Der Kodex

window.addEventListener("load", function() { 
 
\t 
 
var interval = setInterval(function() { 
 
iframes[++n].src = urls[n - 1]; 
 
iframe[n].style.display = "block"; 
 
console.log(n); 
 
if (n === iframes.length -1) 
 
{ 
 
\t clearInterval(interval); console.log("all iframes loaded") 
 
\t } 
 
\t }, 
 
5000) 
 
})

.channel1, .channel2, .channel3{ 
 
\t \t display:none; 
 
\t \t }

<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>

Dieser Code nicht funktioniert, kann ich den Kollektor reden hören, aber Ich kann den Kanal nicht sehen warum?

Quelle

2016-04-10 Saad

meinen Sie das ändern, um die 'src' von' iframe' alle fünf Sekunden? – guest271314

@ guest271314 Nein, ich habe 4 iframe möchte ich, um zuerst iframe automatisch zu starten und nach 5 sekunden der zweite kanal start .... etc – Saad

Ja, kann initial 'iframe' 2-4' src' zu '" " 'at' html', in fünf Sekunden Schritten setzen Sie jedes 'iframe' 2-4' src' zu url – guest271314

Sie können iframe Elemente 1-4 src zu leeren String gesetzt, nutzen setInterval alle fünf Sekunden innerhalb eines Arrays src jedes iframe 1-4 auf eine URL zu setzen, bis alle Elemente iframesrc gesetzt haben.

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>

Quelle

2016-04-10 17:43:28 guest271314

Ich mache das aber den Kanal nicht starten? : '( – Saad

Und thaht angesagt, aber nach Sekunden der Kanal ausblenden und zeigen b, c, d? Wo mache ich die src des Kanals? – Saad

@ Saad _ "Wo mache ich die src des Kanals?" _ Sie können die URL, die bei jedem 'iframe' in einem Array gesetzt werden sollte, siehe 'urls 'bei stacksnippets – guest271314

Start & Stop ein iframe mit php

Antwort

Verwandte Themen