gpt4 book ai didi

javascript - 视频加载与 冲突

转载 作者:行者123 更新时间:2023-11-30 12:09:59 24 4
gpt4 key购买 nike

我有一个网页,在 <body> 的顶部有一个视频。 .我想在页面加载时滚动到该视频正下方的元素。

所以我使用:

<body onload="scrollSomewhere();">

我的 scrollSomewhere()已正确启动,但仅在视频开始播放后启动。在视频开始播放之前不会发生滚动。

你知道如何解决这个问题吗?异步播放视频?

最佳答案

body.onload等待整个主体加载,包括外部资源,如视频、图像和其他内容。

如果您希望函数在加载所有内容之前执行,可以使用 DOMContentLoaded 事件,一旦所有元素都出现在 DOM 中就会触发,并且不会等待每个元素加载它的资源等。

<script type="text/javascript">
document.addEventListener("DOMContentLoaded", scrollSomewhere, false);
</script>

您也可以直接调用该函数,例如在 </body> 之前的脚本标记中标签等

关于javascript - 视频加载与 <body onload> 冲突,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34093630/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com