当前位置: 首页 > 面试题库 >

检测HTML5视频何时结束

刘升
2023-03-14
问题内容

您如何检测HTML5 <video>元素何时播放完毕?


问题答案:

您可以添加带有“ end”作为第一个参数的事件监听器

像这样 :

<video src="video.ogv" id="myVideo">
  video not supported
</video>

<script type='text/javascript'>
    document.getElementById('myVideo').addEventListener('ended',myHandler,false);
    function myHandler(e) {
        // What you want to do after the event
    }
</script>


 类似资料:
  • 我一直试图在我网站的主页上做以下操作:全屏播放视频(无控件,无循环,静音,自动播放,存储在本地),当它结束时,视频被隐藏并显示一个div元素。 我习惯于使用HTML和CSS,但不太喜欢使用JavaScript,所以到目前为止,我所做的是放置视频,并使用复选框隐藏/显示元素(如图所示),然后尝试修改它,这样它就可以检测到视频何时结束,但我无法使其工作。 我使用的代码可能是错误的,因为它是为一个复选框

  • function checkVideo() { if(!!document.createElement('video').canPlayType) { var vidTest=document.createElement("video"); oggTest=vidTest.canPlayType('video/ogg; codecs="theora, vorbis"'); if (!oggTest

  • 问题内容: 我正在一个拥有大量嵌入式youtube视频的网站上工作,客户端希望在视频停止播放时显示弹出窗口。 我看着youtube api,似乎有一种方法可以检测视频何时结束: http://code.google.com/apis/youtube/js_api_reference.html 但是我无法像在该页面上提到的那样嵌入视频,因为这些视频都已经在网站上(数千个通过粘贴嵌入代码手动添加)。

  • 问题内容: 我正在构建具有自定义界面的HTML5视频播放器,但是在显示视频时长信息时遇到一些问题。 我的HTML很简单: 我用来获取和插入持续时间的javascript是 问题是什么也没有发生。我知道视频文件包含持续时间数据,因为如果我仅使用默认控件,则显示正常。 但是真正奇怪的是,如果我像这样在我的代码中放置alert(duration) 那么它就可以正常工作(减去弹出的烦人警报)。任何想法在这

  • 本文向大家介绍HTML5如何嵌入视频?相关面试题,主要包含被问及HTML5如何嵌入视频?时的应答技巧和注意事项,需要的朋友参考一下 和音频类似,HTML5支持MP4、WebM和Ogg格式的视频,下面是简单实例:  

  • 我试图在基于bootstrap 2.2.2的设计中嵌入HTML5视频,但它在Firefox上不起作用,但它在chrome上运行良好,但在Firefox上说我尝试将这些添加到.htaccess文件中,并将其上传到根目录中,但这也没有帮助。 null 注意:我看了前面关于stackoverflow的问题,但没有运气,而且我没有apache配置文件来允许视频样式,因为我是在共享主机上。