gpt4 book ai didi

jquery - 视频结束时隐藏包装

转载 作者:行者123 更新时间:2023-11-27 23:22:42 25 4
gpt4 key购买 nike

所以我有一个包含视频的 html div;

<body>
<div id="loginVideoLayer" class="loginvideoLayer">

<video id="loginVideo" height="100%" width="100%" autoplay muted onEnded="videoEnded()">

<source src="Videos/Log\_in.mp4" type="video/mp4">

</video>

</div>
</body>

和下面的脚本,我想在视频结束时隐藏整个 div;

<script>
function videoEnded() {

var x = document.getElementById("loginVideoLayer");

if (x.style.display === "block") {

x.style.display = "none";

} else {

x.style.display = "block";

}
</script>

但是当视频结束时它只是变黑了。如有任何帮助,我们将不胜感激。

最佳答案

您不需要 else 语句。当您的视频结束时。它结束并显示为无。其他人应该做什么?没有什么。

您的问题:您的视频处于自动播放状态,会在第一次结束时调用该函数。隐藏然后视频再次开始和结束(隐藏时)然后返回 display:block

所以基本上你的代码应该像这样简单:

function videoEnded() {
var x = document.getElementById("loginVideoLayer");
x.style.display = "none";
}

除非您想在一段时间后让您的视频恢复生机。

关于jquery - 视频结束时隐藏包装 <div>,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57927011/

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