HTML5VEDIO标签阿里云-微信浏览器兼容性问题

在网页展示媒体对象，离不开HTML5的 audio和video对象。但这两个目前来看兼容性方面还得关注一下。

目前在做一个阿里云下载video 并在微信端播放mp4格式的视频的时候，碰到了一些兼容性问题后，总结出如下几点：

兼容性问题1：让所有浏览器支持video标签

   这个好解决，引入html5media.min.js即可，具体在github上下载。

https://github.com/etianen/html5media

　　

兼容性问题2：让 video 标签的src属性能识别视频类型。

我是用的MP4文件，src的值是一个请求MP4地址，代码如下:

<video src="https://xxxx/xxxx/getVideo?name=123.mp4" type="video/mp4">
</video>

虽然我也知道这个地址返回的是一个mp4的文件流，但是除了chrome，FireFox，uc等浏览器能支持外，其他浏览器均不支持，识别不了这种格式。

于是换成另外一种写法

<video src="https://xxxx/xxxx/123.mp4" type="video/mp4">
</video>

也就是说，从阿里云的接口取到了MP4文件后，保存到自己的服务器上，，然后再把video的src指向这个静态文件地址，兼容性问题就解决了，微信浏览器，其他的主流浏览器都可以播放这个视频。

 

至于深层次原因，有兴趣的同学可以研究下，从流的上传下载续传与video的src的关系方面入手