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

时间:2019-06-18 10:56:09

标签: html internet-explorer-11

当我使用视频标签显示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)类型属性中包含编解码器

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

1 个答案:

答案 0 :(得分:0)

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

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

  1. 打开Internet信息服务(IIS)管理器
  2. 左侧面板上的“突出显示默认网站”;
  3. 在右侧面板上双击MIME类型;
  4. 向下滚动列表,注意没有.mp4;
  5. 再次在右侧面板上,单击“添加”:在第一个字段中,写.mp4,在下面的字段中写video / mp4。
  6. 单击“确定”,您就完成了。屏幕截图类似this
  7. 重新启动IIS。

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

我也用自己的代码和IE 11.116.18362.0创建了一个示例,效果很好。