视频加载和<车身负载>

Conflict between video loading and <body onload>

本文关键字:负载 gt lt 加载 视频      更新时间:2023-09-26

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

所以我使用:

<body onload="scrollSomewhere();">

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

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

body.onload等待全身加载,包括视频、图像等外部资源。

如果您希望函数在加载所有内容之前执行,那么有一个DOMContentLoaded事件,它在DOM中出现所有元素后立即启动,并且不等待每个元素加载其资源等。

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

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