我是新来的,所以如果我的问题没有得到完美的解释,请不要生气。
我想把短视频放在标题中,结束后它应该消失并显示下面的 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/