首先,先上一个讲的比较全的博客
http://blog.csdn.net/dszgf5717/article/details/52049288
(暂不清楚,这个是不是原博主
视频的控制流还是比较简单的,本文章,讲一下监听事件的注册
<video width="1024" height="576" id="shVideo">
<source src="http://7xvgeq.com1.z0.glb.clouddn.com/H2.mp4" type="video/mp4">
</video>
<script>
var video = document.getElementById("shVideo");
video.addEventListener('ended', function () {
this.style.display = 'none';
}, false);
</script>
通过以上的脚本,就可以轻松的为视频插入监听事件
-----------------------------------------------------------------------
2018-3-23补充
在实际使用过程中(我做的H5动画在微信播放)
安卓除了在属性里面有自动播放属性,安卓自带的属性:视频可以进行暂停和继续播放控制,而苹果就不可以,另外同样的播放代码,有的安卓就执行,有的地方,苹果就不执行,不知道为什么,只能分情况解决
tip:还有一个bug,在连续快速翻页的过程中,安卓如果有两个连续的自动播放的视频,视频将会自动暂停,不知道是不是我底层界面的问题,如果你有更好的解决方法,还请留言
----------------------------------------------------------------------
2018-3-29补充
发现一个bug,就是用户上传视频的时候,有的chrome和安卓播放不了,原因在于:
https://blog.csdn.net/qq_16885135/article/details/54427532
具体解释一下:
编码格式是MP4(举例)的压缩方式,主流浏览器不支持所有,上图中,只有AVC格式可以正常播放,WPEG4等无法正常播放,但电脑客户端肯定没有压力
tips苹果用户暂时没有这个烦恼
再附一个可能因为网络压缩格式而可能出现的问题
https://www.cnblogs.com/dongcanliang/p/6840139.html