HTML5的视频插入，兼容各个浏览器

2024-11-28 技术教程

<videocontrols="controls"autoplay="autoplay"poster="xpg.jpg"title="640"><sourcesrc="xpg.m4v"type="video/mp4"/>//Safar3+,Chrome5-,IE9+,ios,android2+<sourcesrc="xpg.webm"type="video/webm"/>//firefox4+,Chrome6+,opera11+,IE9+,android2.3+<sourcesrc="xpg.ogv"type="video/ogg"/>//firefox3.5+,chrome5+,opera10,5+<objecttype="application/x-shockwave-flash"width="640"height="360"><paramname="movie"value="flashfox.swf"/><paramname="allowFullScreen"value="true"/><paramname="flashVars"value="autoplay=true&controls=true&fullScreenEnabled=true&posterOnEnd=true&loop=false&poster=xpg.jpg&src=xpg.m4v"/><embedsrc="flashfox.swf"width="640"height="360"flashVars="autoplay=true&controls=true&fullScreenEnabled=true&posterOnEnd=true&loop=false&poster=xpg.jpg&src=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)