前端网页/html播放MP4、avi等视频,兼容ie6/6+ 调用flash/windows media player播放视频

废话不多说,先总结下亲测的几种方法:

  1. video标签法(最常用,兼容现代浏览器、ie9/9+;支持格式:MP4、ogg、webm)
  2. flash大法(兼容大多数浏览器、ie7/7+,逐渐被淘汰,chrome目前已经默认禁用flash;支持格式:MP4其他没测)
  3. wmp大法(全称windows media player,只有ie7/7+支持;支持格式:MP4、avi 据说还有wmv、mpg、mov等没测,格式应该是支持最全的)

注:flash方法播放视频时flvplayer.swf文件要确保能用 网上好多都不能用,我就被这货坑了。

这里给一个: https://pan.baidu.com/s/1tkzXBsH_QS6F4QRH8eUGjg  提取码: zces  

下面依次给出测试代码:

-------- 代码不多,但都是趟坑趟出来的,觉得有帮助给点个赞,谢谢 --------

    <!-- h5 -->
    <video src="./test.mp4" controls autoplay loop class="video">
        你的浏览器版本太低,请升级到更高版本!
    </video>             


    <!-- flash -->
    <object type="application/x-shockwave-flash" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" class="video">
        <param name="movie" value="flvplayer.swf" />
        <param name="quality" value="high" />
        <param name="allowFullScreen" value="true" />
        <param name="FlashVars" value="vcastr_file=test.mp4&LogoText=description&BufferTime=3&IsAutoPlay=1">
    </object> 
   

    <!-- windows media player 仅ie支持(ie6/i6+) 这个classid很关键,ie靠这个识别对象的实现应用 -->
    <object id="video" class="video" border="0" classid="clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95">
        <param name="ShowDisplay" value="0">
        <param name="ShowControls" value="1">
        <param name="AutoStart" value="1">
        <param name="AutoRewind" value="0">
        <param name="PlayCount" value="0">
        <param name="Appearance" value="0">
        <param name="BorderStyle" value="0">
        <param name="MovieWindowHeight" value="240">
        <param name="MovieWindowWidth" value="320">
        <param name="FileName" value="test.avi">
        </embed> 
    </object>

猜你喜欢

转载自blog.csdn.net/qq_36110571/article/details/115130653
今日推荐