jQuery   发布时间:2022-04-19  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了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 – 执行html5视频结束时的功能全部内容,希望文章能够帮你解决jquery – 执行html5视频结束时的功能所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
标签: