首页 > 代码库 > HTML5的视频插入,兼容各个浏览器
HTML5的视频插入,兼容各个浏览器
<video controls="controls" autoplay="autoplay" poster="xpg.jpg" title="640"> <source src="http://www.mamicode.com/xpg.m4v" type="video/mp4" />//Safar3+,Chrome5-,IE9+,ios,android2+ <source src="http://www.mamicode.com/xpg.webm" type="video/webm" />//firefox4+,Chrome6+,opera11+,IE9+,android2.3+ <source src="http://www.mamicode.com/xpg.ogv" type="video/ogg" />//firefox3.5+,chrome5+,opera10,5+ <object type="application/x-shockwave-flash" width="640" height="360" style="position:relative;"> <param name="movie" value="http://www.mamicode.com/flashfox.swf" /> <param name="allowFullScreen" value="http://www.mamicode.com/true" /> <param name="flashVars" value="http://www.mamicode.com/autoplay=true&controls=true&fullScreenEnabled=true&posterOnEnd=true&loop=false&poster=xpg.jpg&src=http://www.mamicode.com/xpg.m4v" /> <embed src="http://www.mamicode.com/flashfox.swf" width="640" height="360" style="position:relative;" flashVars="autoplay=true&controls=true&fullScreenEnabled=true&posterOnEnd=true&loop=false&poster=xpg.jpg&src=http://www.mamicode.com/xpg.m4v" allowFullScreen="true" wmode="transparent" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer_en" /> </object> </video>
object标记针对不支持video标记的浏览器
video需要三个视频文件分别是MP4(xpg.m4v),webm(xpg.webm),ogg(xpg.ogv)
HTML5的视频插入,兼容各个浏览器
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。