使用 php 启动和停止 iframe
Posted
技术标签:
【中文标题】使用 php 启动和停止 iframe【英文标题】：Start & Stop a iframe with php 【发布时间】：2016-07-31 16:32:49 【问题描述】：我想在我的网站上制作 4 个频道，但我想自动启动第一个频道，并在 5 秒后启动第二个频道……等等
频道代码
代码
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 src="https://www.youtube.com/embed/BqPmcSGgs3U?autoplay=1" frameborder="0" allowfullscreen></iframe>
<iframe class="channel1" src="https://www.youtube.com/embed/BqPmcSGgs3U?autoplay=1" frameborder="0" allowfullscreen></iframe>
<iframe class="channel2" src="https://www.youtube.com/embed/BqPmcSGgs3U" frameborder="0" allowfullscreen></iframe>
<iframe class="channel3" src="https://www.youtube.com/embed/BqPmcSGgs3U" frameborder="0" allowfullscreen></iframe>
</body>
</html>这段代码不起作用，我可以听到换向器的谈话，但我看不到频道，为什么？
【问题讨论】：
您的意思是每五秒更改一次iframe 的src？
@guest271314 不，我有 4 个我想要的 iframe，自动开始第一个 iframe，5 秒后第二个频道开始......等等
是的，可以在html 处将初始iframe 2-4 src 设置为""，以5 秒的增量将每个iframe 2-4 src 设置为url跨度>
我怎样才能做到这一点？能给个网站解释一下或者代码吗？
你可以使用setInterval，看帖子
【参考方案1】：
您可以将iframe 元素1-4 src 设置为空字符串，利用setInterval 将每个iframe 1-4 的src 设置为每五秒一个数组中的一个url，直到所有@987654326 @ 元素有 src 集。
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>【讨论】：
我做了这个但是频道没有启动？ :'( 并附上了，但几秒钟后频道隐藏并显示 b、c、d ？我在哪里制作频道的 src ？ @Saad "我在哪里制作频道的src？" 您可以将应该在每个iframe 设置的url 放在一个数组中；请参阅 stacksn-ps 上的 urls。
我在 src iframe 中创建了我们的 url，此时所有的东西都是正确的，但几秒钟后，频道被隐藏并在页面中显示 b、c、d ？为什么？
@Saad 没有关注。 stacksn-ps 中urls 中的项目例如用于演示过程；它们可以替换为您要在iframe 元素处设置为src 的项目的实际网址以上是关于使用 php 启动和停止 iframe的主要内容，如果未能解决你的问题，请参考以下文章
停止并启动在 EC2 和 mysql RDS 上运行 php 的 AWS Elastic Beanstalk