技术帝的平台展示,网站建设、网站推广、SEO技术、网站优化、电子商务推广、平面美工和软件测试等技术干货分享。

网站mp4无法播放,报GET ***.mp4 net::ERR_ABORTED 404 (Not Found)

服务器 abel-lan 80℃ 0评论

概述

用HTML5 video标签播放mp4时,使用IIS服务器无法播放,报错GET ***.mp4 net::ERR_ABORTED 404 (Not Found)或Failed to load resource: the server ***.mp4 responded with a status of 404 (Not Found)。此问题是由于IIS中没有添加 .mp4后缀相对应的MIME类型,添加后即可解决。

问题描述

网站用HTML5 video标签播放mp4,无法播放报错GET ***.mp4 net::ERR_ABORTED 404 (Not Found)或Failed to load resource: the server ***.mp4 responded with a status of 404 (Not Found)。

问题起因:由于自2021 年起Adobe 停止为Flash Player 插件提供支持,任何版本谷歌浏览器中的Flash 内容(包括音频和视频)都无法播放。导致我网站使用CuPlayer和Ckplayer等Flash插件的视频都无法播放,因此我将视频播放改为使用HTML5 video标签,但改过后就遇到了上述报错。

解决方法

该问题是由于IIS中没有添加 .mp4后缀相对应的MIME类型,添加后经测试问题解决。
添加方式有两种:

一、 在“Internet 信息服务(IIS管理器)”操作面板添加.mp4的MIME类型

操作步骤:“开始” > “控制面板” > “管理工具” >“Internet 信息服务(IIS管理器)”,找到您的网站,点击网站 > 右侧找到 MIME类型> 双击“MIME类型” > 进入类型页面,点击右侧 “添加” > 如在“扩展名”框内输入“.mp4”,“MIME类型”框中输入“video/mp4”,然后确定即可。

IIS添加 .mp4后缀的MIME类型
IIS添加 .mp4后缀的MIME类型

二、在web.config配置文件中添加.mp4的MIME类型

<?xml version="1.0" encoding="UTF-8"?>
<configuration>
    <system.webServer>
        <handlers>
            <add name="php" path="*.php" verb="*" modules="IsapiModule" scriptProcessor="D:\PHP\php5isapi.dll" resourceType="Unspecified" />
        </handlers>
        ……
        <staticContent>
            <mimeMap fileExtension=".mp4" mimeType="video/mp4" />
        </staticContent>
    </system.webServer>
</configuration>

扩展 — IIS无法加载字体文件(.woff,.svg)

该问题同样是由于IIS中没有添加.woff和.svg对应的MIME类型,解决方法同上。

在IIS操作面板中分别添加扩展名“.woff”,MIME类型“application/x-font-woff”;扩展名“.woff2”,MIME类型“application/x-font-woff”;扩展名“.svg”,MIME类型“image/svg+xml”共三种MIME类型。

或者在web.config配置文件中直接更改部分如下:

<staticContent>
    <mimeMap fileExtension=".woff" mimeType="application/x-font-woff" />
    <mimeMap fileExtension=".woff2" mimeType="application/x-font-woff" />
    <mimeMap fileExtension=".svg" mimeType="image/svg+xml" />
    <mimeMap fileExtension=".mp4" mimeType="video/mp4" />
    <clientCache cacheControlCustom="public" cacheControlMode="UseMaxAge" cacheControlMaxAge="3.00:00:00" />
</staticContent>

注释:配置中的最后一部分clientCache是缓存设置,该配置可以增加网站加载速度,节省网络带宽。配置示例的缓存时间是3天,你可以根据需要增加时长。

转载请注明:半亩方塘 » 网站mp4无法播放,报GET ***.mp4 net::ERR_ABORTED 404 (Not Found)

赞 (10)支付宝扫码打赏微信扫码打赏分享
发表我的评论
取消评论

表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址