html5 video 手机上播放和下载的问题
2013-01-16 12:51
190 查看
公司最近使用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>
<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>
相关文章推荐
- h5-video3 解决html5 audio iphone,ipd,safari不能自动播放问题
- Android HTML5 Video视频标签自动播放与自动全屏问题解决
- HTML5 video标签播放视频下载原理
- 利用html5实现类似微信的手机摇一摇功能,并播放音乐,并且解决中文乱码的问题。
- Android HTML5 Video视频标签自动播放与自动全屏问题解决
- HTML5 video标签有声音有播放但看不到图像的问题解决
- html5-video视频标签播放视频实现过程中遇到的一系列问题。
- 在andriod手机上video视频播放时自动置顶自动全屏的问题
- HTML5 Video标签播放MP4失败的问题
- 使用CVideoPlayerUtility播放视频,在某些型号的手机上只有声音没有图像的问题
- 解决HTML5的Video标签,有部分MP4无法播放的问题
- html5 video标签不能播放mp4的问题
- 问题:Flex4的手机项目里面不支持VideoDisplay组件,视频怎样播放?
- html5 Video控件视频播放,电脑和手机上都能兼容。(mp4格式 电脑和android、ios都能播放)
- 小程序video组件在开发者工具可以播放,在手机上无法播放问题终极解决方案
- html5 video mp4播放不了问题
- 【转】Android HTML5 Video视频标签自动播放与自动全屏问题解决
- html5 video标签不能播放mp4的问题
- 解决IOS通过HTML5播放Video或者Audio直接输出数据的问题
- Vitamio视频在小米5手机无法播放问题