检测HTML 5视频何时完成

Question

检测HTML 5视频何时完成

如何检测HTML 5<video>元素玩完了吗？

Answer 1

您可以添加以“End”作为第一个Param的事件侦听器。就像这样：<video&nbsp;src="video.ogv"&nbsp;id="myVideo"> &nbsp;&nbsp;video&nbsp;not&nbsp;supported</video><script&nbsp;type='text/javascript'> &nbsp;&nbsp;&nbsp;&nbsp;document.getElementById('myVideo').addEventListener('ended',myHandler,false); &nbsp;&nbsp;&nbsp;&nbsp;function&nbsp;myHandler(e)&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;//&nbsp;What&nbsp;you&nbsp;want&nbsp;to&nbsp;do&nbsp;after&nbsp;the&nbsp;event &nbsp;&nbsp;&nbsp;&nbsp;}</script>

Answer 2

看看这个关于HTML 5视频和音频你需要知道的一切张贴在OperaDev网站下的“我想要滚动我自己的控制”部分。以下是相关章节：<video&nbsp;src="video.ogv"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;video&nbsp;not&nbsp;supported</video>然后你可以使用：<script> &nbsp;&nbsp;&nbsp;&nbsp;var&nbsp;video&nbsp;=&nbsp;document.getElementsByTagName('video')[0]; &nbsp;&nbsp;&nbsp;&nbsp;video.onended&nbsp;=&nbsp;function(e)&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;/*Do&nbsp;things&nbsp;here!*/ &nbsp;&nbsp;&nbsp;&nbsp;};</script>onended是所有媒体元素上的HTML 5标准事件，请参见HTML 5媒体元素(视频/音频)事件文件。