众所周知要想在网页上播放视频有很多种方式,比如通过H5里面的Video标签,选择对应的参数,可以帮你自动加很多功能,比如暂停,播放,快进快退,调节音量,全屏播放,下载等等.但是这种方式也有很多缺点,就是只支持H.264编码格式的mp4视频文件,导致其他格式的视频要想播放还需转码.而且还有部分浏览器不支持Video标签.通过Video标签播放视频就说这些,那些重要的参数等等可以自己查资料了解一下.

    这里主要讨论一下通过Flash插件播放视频(通过embed标签,可以了解一下),给大家推荐一个网址:http://abowman.com/,里面有很多有趣的视频,比如

    自己将flash插件的代码加到H5页面代码里面就好了,这里贴出我喜欢的几个

1.人型时钟

<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="160"height="70" id="honehoneclock" align="middle"><param name="allowScriptAccess" value="always"><param name="movie" value="http://chabudai.sakura.ne.jp/blogparts/honehoneclock/honehone_clock_tr.swf"><param name="quality" value="high"><param name="bgcolor" value="#ffffff"><param name="wmode" value="transparent"><embed wmode="transparent" src="http://chabudai.sakura.ne.jp/blogparts/honehoneclock/honehone_clock_tr.swf"quality="high" bgcolor="#ffffff" width="160" height="70" name="honehoneclock" align="middle"allowscriptaccess="always" type="application/x-shockwave-flash"pluginspage="http://www.macromedia.com/go/getflashplayer">
</object>

2.可爱的小老鼠

<object type="application/x-shockwave-flash" style="outline:none; width:97%"data="http://cdn.abowman.com/widgets/hamster/hamster.swf?up_bodyColor=f0e9cc&amp;up_feetColor=D4C898&amp;up_eyeColor=000567&amp;up_wheelSpokeColor=DEDEDE&amp;up_wheelColor=FFFFFF&amp;up_waterColor=E0EFFF&amp;up_earColor=b0c4de&amp;up_wheelOuterColor=FF4D4D&amp;up_snoutColor=F7F4E9&amp;up_bgColor=F0E4E4&amp;up_foodColor=cba920&amp;up_wheelCenterColor=E4EB2F&amp;up_tailColor=E6DEBE&amp;"width="200" height="160"><param name="movie"value="http://cdn.abowman.com/widgets/hamster/hamster.swf?up_bodyColor=f0e9cc&amp;up_feetColor=D4C898&amp;up_eyeColor=000567&amp;up_wheelSpokeColor=DEDEDE&amp;up_wheelColor=FFFFFF&amp;up_waterColor=E0EFFF&amp;up_earColor=b0c4de&amp;up_wheelOuterColor=FF4D4D&amp;up_snoutColor=F7F4E9&amp;up_bgColor=F0E4E4&amp;up_foodColor=cba920&amp;up_wheelCenterColor=E4EB2E&amp;up_tailColor=E6DEBE&amp;"><param name="AllowScriptAccess" value="always"><param name="wmode" value="opaque">
</object>

3.鱼

<object type="application/x-shockwave-flash" style="outline:none;" data="http://cdn.abowman.com/widgets/fish/fish.swf?"width="300" height="200"><param name="movie" value="http://cdn.abowman.com/widgets/fish/fish.swf?"/><param name="AllowScriptAccess" value="always"/><param name="wmode" value="opaque"/><param name="scale" value="noscale"/><param name="salign" value="tl"/>
</object>

只要修改这些代码里面的长宽参数,就能改大小;或者在外部加CSS,可以控制播放的位置等等.

关于视频先就讲这些了,欢迎大家前来分享和交流!