HTML 5 视频标签在 Internet Explorer 中显示为无效来源答案

【问题标题】：HTML 5 videos tags are showing up as invalid source in internet explorerHTML 5 视频标签在 Internet Explorer 中显示为无效来源
【发布时间】：2019-06-18 10:56:09
【问题描述】：

当我使用视频标签显示 mp4 视频时，在 Internet Explorer 11 中获取无效源。

<!DOCTYPE html> 
<html> 
<head>
<meta http-equiv="X-UA-Compatible" content="IE=11" />
<meta http-equiv="X-UA-Compatible" content="IE=Edge"/>
</head>
<body> 
<video  width="400" height="300"  controls >
 <source src="Libraries\Documents\videos.mp4" type="video/mp4">
</video>
</body> 
</html>

尝试了以下但没有成功

1) 包含内容为 IE=11 和 IE=Edge 的元标记。

2)type属性中包含的编解码器

<source src="Libraries\Documents\bluetoothIphoneSecond.mp4" type='video/mp4;codecs="H.264/MPEG-4"'>

【问题讨论】：

标签： html internet-explorer-11

【解决方案1】：

也许问题与您的 Internet 信息服务 (IIS) 不包含 .mp4 MIME 类型有关。

请参考以下步骤检查/添加 MP4 MIME 类型。

打开 Internet 信息服务 (IIS) 管理器，
在左侧面板上突出显示默认网站；
双击右侧面板上的 MIME 类型；
向下滚动列表，发现没有 .mp4；
再次在右侧面板上单击添加：在第一个字段中，写入 .mp4，然后在下面的字段中写入 video/mp4。
单击确定，您就完成了。类似this的截图。
重新启动 IIS。

然后，重新测试您的代码。

我也创建了一个示例（使用您的代码和 IE 11.116.18362.0），效果很好。

【讨论】：