一个切图项目中遇到的问题，需要做到视频播放完成后执行 一些文字的渐显的效果，而且有个棘手的问题就是视频在第一屏的位置，意味着页面一打开就要看到视频，除了视频本身要优化到很小的质量，来保证足够的加载速度的同时，如何能够检测到视频是否加载完（或者播放完）成为了一个问题，然后想到img图片有一个onloaded事件，那么视频video是否有呢？

查阅了资料得知，视频有一个onended事件，非常好理解，onended代表video视频播放完以后执行，这下就好办了，下面是基于jquery控制video的播放和加载完以后执行wow.js的方法：

/*手机视频播放*/
if($(window).width()<=1080){
$('#mvideo').trigger('play').bind('ended', function(){
if (!(/msie [6|7|8|9]/i.test(navigator.userAgent))){
new WOW().init();
};
})
}
else{
$('#pcvideo').trigger('play').bind('ended', function(){
if (!(/msie [6|7|8|9]/i.test(navigator.userAgent))){
new WOW().init();
};
})
}

标签：jquery, onended, video, wow.js, 视频