H5Video属性+视频解析失败

首先，先上一个讲的比较全的博客

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