gpt4 book ai didi

jquery - 如何 : video will disappear after it's over and show another div

转载 作者:行者123 更新时间:2023-11-28 17:05:53 25 4
gpt4 key购买 nike

我是新来的,所以如果我的问题没有得到完美的解释,请不要生气。

我想把短视频放在标题中,结束后它应该消失并显示下面的 div。是否可以?

这将是我网站 Logo 周围的一个小动画,在 div 中我只想放置 Logo 和导航的图片。

我可以只使用 HTML 和 CSS 吗?或者也许有人知道任何在线教程?

最佳答案

请尝试以下代码。用你的视频替换 videoplayback.MP4

<html>
<body>
<video id="myVideo" width="320" height="240" controls="">
<source src="videoplayback.MP4" type="video/mp4">
Your browser does not support the video tag.
</video>

<div id="videoEnd" style="display:none">Video end</div>

<script>
document.getElementById('myVideo').addEventListener('ended',myHandler,false);
function myHandler(e) {
if(!e) { e = window.event; }
// What you want to do after the event
document.getElementById('myVideo').style.display="none";
document.getElementById('videoEnd').style.display="block";
}
</script>

</body>
</html>

关于jquery - 如何 : video will disappear after it's over and show another div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30373677/

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