在日常应用场景中，可能会遇到这么一个情况，需要判断用户是否完整的观看完了一部视频，在这个场景中，和视频相关的事件大体涉及到几个部分，获取视频长度，视频开始播放，暂停播放和播放结束，下面来看下如何通过JavaScript来监听获取视频的这几种状态。、 （1）HTML页面视频标签 ...

video视频标签一些设置，包括封面、播放结束后的封面、视频占满屏幕的方式、视频链接、视频播放暂停、展示控制栏、触发全屏播放事件 代码如上，poster属性用于设置视频封面；视频链接放在source标签内的src属性；加controls属性就会展示控制栏，不加不显示； 视频占满屏幕的方式 ...

由于jquery中没有video的paly,pause方法，所以在使用jquery来控制视频的播放的播放状态时会出现问题 之前的代码： 这样写点击按钮后视频不能正常播放，当然播放按钮也没有隐藏， 解决这个问题，首先需要用get(0)的方法将jQuery对象转为原生js对象 ...

1.原生Video的基本属性 src ：视频的属性，url地址poster：视频封面，没有播放时显示的图片preload：预加载|none|metadata（部分预加载）|auto。默认为autoautoplay：自动播放loop：循环播放controls：浏览器自带的控制条width：视频 ...

切图网是最早致力于PSD2HTML切图等web前端外包服务的，随着前端技术的更新迭代，现在也已经全面投入了vue的浪潮了，下面是vue中实现视频播放的方法。 vue.js中引入video视频播放器 main.js中引入 import Video from 'video.js' import ...

会一直执行，所有如果只监听一次，做一个判断 ps:这段代码后来经过测试，在视频播放完点 ...

------------恢复内容开始------------ ------------恢复内容结束------------ ...

参考：https://blog.csdn.net/arvin0/article/details/81665264 ...