眾所周知要想在網頁上播放視訊有很多種方式,比如通過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,可以控制播放的位置等等.

關於視訊先就講這些了,歡迎大家前來分享和交流!