前端网页/html播放mp4、avi、flv等视频，兼容ie7/7+ 调用flash/windows media player播放视频

废话不多说，先总结下亲测的几种方法：video标签法（最常用，兼容现代浏览器、ie9/9+；支持格式：MP4、ogg、webm）flash大法（兼容大多数浏览器、ie7/7+，逐渐被淘汰，chrome目前已经默认禁用flash；支持格式：MP4其他没测）wmp大法（全称windows media player，只有ie7/7+支持；支持格式：MP4、avi其他没测）注：flash方法播放视频时fl

facing-screen

11383人浏览 · 2021-03-23 17:13:58

facing-screen · 2021-03-23 17:13:58 发布

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

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

flv格式推荐使用bilibili开源的flv.js播放，不过它不支持ie浏览器。

注：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支持（ie7/i7+） 这个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">
    </object>

上面这些都是浏览器原生播放，好处就是兼容上古时代的浏览器，但是播放控件不统一。如果需要播放控件统一可以基于这些封装播放器（获取到object的dom是有api可以调用的），或者使用开源播放器。

判断浏览器是否支持flash的代码：

        function has_flash() {
            var isIE = "ActiveXObject" in window; 
            if (isIE) {
                try {
                    return !!new ActiveXObject('ShockwaveFlash.ShockwaveFlash');
                } catch (e) { }
            } else { 
                try { 
                    return !!navigator.plugins['Shockwave Flash']; 
                } catch (e) {
                } 
            } 
            
            return false;
        }

附：

- ckplayer:开源播放器（html5/flash播放方案，支持常见格式包括flv，兼容ie9/9+，兼容性方面做的比那些什么videojs、flvjs好太多了）
ckplayer: ckplayer是一款用于在网页端播放视频的软件，支持mp4点播，,flv点播和直播，m3u8的点播和直播，ts直播，支持移动端，PC端https://gitee.com/niandeng/ckplayer
【小沐学C++】C++ 实现视频文件播放（Windows Media Player、MFC、C#）_c++本地多个文件连续播放-CSDN博客https://blog.csdn.net/hhy321/article/details/126475979