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

标签 jquery html css video

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

我想把短视频放在标题中,结束后它应该消失并显示下面的 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/

相关文章:

html - 如何在不设置父级默认高度的情况下添加包围绝对定位子级的轮廓

php - Textarea 输出不留行

javascript - 数据表 javascript 来源的数据,无需指定列名

javascript - jquery 代码重构工具

javascript - TypeError : Argument 1 of Window. getDefaultCompulatedStyle 未实现接口(interface) Element

html - 背景颜色被 "float"取消

jquery - 使用 jQuery Validate 插件将规则传递给类

javascript - 如何统计用户的点击URL?

html - 如何从文本区域的文本输入中删除下划线?

CSS 伪类 active 的行为类似于事件冒泡