jquery – 执行html5视频结束时的功能

前端之家收集整理的这篇文章主要介绍了jquery – 执行html5视频结束时的功能前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个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>

猜你在找的jQuery相关文章