时间戳

首页 > 解决方案 > Javascript 警报因缓慢的 Youtube 链接加载而过早关闭。如何在不将视频源放入我的 script.js 的情况下解决此问题？

javascript - Javascript 警报因缓慢的 Youtube 链接加载而过早关闭。如何在不将视频源放入我的 script.js 的情况下解决此问题？

问题描述

第 5 天编码，第 1 天使用 Javascript。

我需要使用 Javascript 在页面上发出警报，然后从单独的文件中提取该 Javascript 代码。我已经成功地做到了，但是，一旦页面打开，警报就会自动关闭，因为 Youtube 链接加载速度太慢了。

我有：

HTML

<iframe 
width="901" 
height="507" 
src="YoutubeLink"
allow="autoplay; encrypted-media" 
allowfullscreen>
</iframe>
<script src="script.js"></script>

JAVASCRIPT

alert('Welcome to the page!')

我所在的训练营课程中的一位开发人员说我可以使用下面的代码 - 有效，除了他还说这可能会在未来导致问题并且页面本身根本不会加载，直到您关闭警报.

HTML

<iframe 
id="video"
width="901" 
height="507" 
allow="autoplay; encrypted-media" 
allowfullscreen>
</iframe>

JAVASCRIPT

alert('Welcome!')
var video = document.getElementById('video')
video.src="YoutubeLink"

我需要将 Youtube 链接保留在 HTML 代码中，但我不能只将脚本行放在 iframe 上方，上面的代码用于显示警报并强制用户关闭它，但页面的其余部分没有t在它后面加载。

有什么建议么？请彻底解释，因为我还是新手。

先感谢您。

标签： javascripthtmlvisual-studio-code

解决方案

是的！ElliotSchmelliot，感谢您提供。我认为这很简单，但我想在谷歌搜索时我没有使用正确的术语。

抱歉，让问题有点混乱，非常感谢您的回复。

我的 HTML 文件中有 Youtube 嵌入代码，而我的 Javascript 中唯一的就是 window.onload。

这样可以为用户加载整个页面，然后按预期显示警报。

（如果这不是解决此处问题的适当方法，请告诉我。）

推荐阅读