我有一个html视频,我想在视频结束时运行一个功能。我尝试了以下,但没有什么:
$(document).ready(function(){ $('video').live('ended',function(){ alert('video ended'); }); });
任何想法,为什么这不会在视频结尾触发?还是没有提供足够的信息来回答什么呢?
注意:我正在使用live()函数而不是on(),因为这个项目需要jQuery 1.7。
解决方法
为了你的粘贴和复制快乐的jQuery解决方案:
<video width="320" height="240"> <source src="movie.mp4" type="video/mp4"> </video> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <script>/*<![CDATA[*/ $(document).ready(function(){ $('video').on('ended',function(){ console.log('Video has ended!'); }); }); /*]]>*/</script>
用视频的正确选择器替换“视频”部分。
编辑:这是没有jQuery的解决方案:
<video width="320" height="240" id="video"> <source src="movie.mp4" type="video/mp4"> </video> <script>/*<![CDATA[*/ document.getElementById('video').addEventListener('ended',function(){ console.log('Video has ended!'); },false); /*]]>*/</script>