html5 video 手机上播放和下载的问题

来源：互联网发布：mac mini接两个显示器编辑：程序博客网时间：2024/04/29 18:50

公司最近使用html5做的个即时聊天工具，功能是可以发送视频文件，直接在浏览器中播放，视频格式只能采用mp4，所以只兼容部分浏览器，不能播发的直接下载视频资源，问题就出在这了，mp4格式的视频居然不能下载，代码贴上来

<div>
<video controls="controls" width="220" height="150" poster="images/main_pic.jpg">
<source src="<%=url%>" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"' />
</video>
<a href="<%=url%>">点击直接下载视频资源</a>
</div>

url取的是服务器的视频，mp4格式的，手机访问时一直都是在加载中，然后说找不到，我试了下别的格式的(jpg，webm，ogg)，都可以下载，就mp4不行，求大牛解答，先谢谢了~！

还有就是视频不能不放的问题，我在网上找的代码写的demo，测试了下，PC上都可以完美运行，没装flash插件，手机上只有android4.0自带的浏览器和UC，opera，海豚能播放，firefox不行，这里用的是m4v的格式，mp4只有UC部分版本可以播放，采用了ogg格式，firefox也是无法播放，说找不到MIME格式，感觉mp4问题真多。。

小弟都没接触过移动开发的，之前都是做web，都是在PC上跑的，之前在PC上测试都是好的，在手机上问题都出来了

这个是网上找的代码demo

<div id="easyhtml5video" style="position:relative;width:220px;height:150px;">
<video controls="controls" poster="html5/test_h264.jpg" width="220" height="150" title="test_h264">
<source src="html5/test_h264.m4v" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"' />
<source src="html5/test_h264.ogg" type='video/ogg; codecs="theora, vorbis"' />
<object type="application/x-shockwave-flash" data="html5/flashfox.swf" width="220" height="150" style="position:relative;">
<param name="movie" value="html5/flashfox.swf" />
<param name="allowFullScreen" value="true" />
<param name="flashVars" value="autoplay=false&controls=true&fullScreenEnabled=true&posterOnEnd=true&loop=false&poster=html5/test_h264.jpg&src=<%=url%>" />
<embed src="html5/flashfox.swf" width="220" height="150" style="position:relative;" flashVars="autoplay=true&controls=true&fullScreenEnabled=true&posterOnEnd=true&loop=false&poster=html5/test_h264.jpg&src=<%=url%>"allowFullScreen="true" wmode="transparent" type="application/x-shockwave-flash"pluginspage="http://www.adobe.com/go/getflashplayer_en" />
<img alt="test_h264" src="html5/test_h264.jpg" style="position:absolute;left:0;" width="220" height="150" title="Video playback is not supported by your browser" />
</object>
</video>