IE11怎么用HTML5播放视频_IE11兼容HTML5设置【方法】-html教程-PHP中文网

IE11播放HTML5视频必须开启“替代编解码器”、设文档模式为Edge、正确声明type属性、等待loadedmetadata事件、用容器控制尺寸且poster图比例须匹配，缺一不可。

ie11怎么用html5播放视频_ie11兼容html5设置【方法】

IE11必须开“替代编解码器”才能播HTML5视频

IE11原生只认 video/mp4（H.264 + AAC），但即使格式对，如果系统级开关没打开，照样黑屏或报错“无法播放此媒体”。这不是网页代码问题，而是IE自身的多媒体策略被默认禁用。

点「开始」→ 搜索并打开 Internet 选项 → 切到「高级」选项卡
向下滚动到「多媒体」区域 → 勾选 启用替代编解码器在HTML5媒体元素中
重启IE11（不是刷新页面）才生效

这个选项在Windows 10/11上默认是关的，尤其企业域控环境几乎100%关闭。不开它，标签连加载事件都触发不了。

文档模式必须设为Edge，且不能晚于任何CSS/JS

哪怕你用的是IE11，只要页面被识别成IE7/8文档模式，标签就直接被忽略——DOM里根本不存在，更别说播放了。强制切换文档模式是硬门槛。

按 F12 打开开发者工具 → 顶部菜单栏找「文档模式」下拉框 → 改成 Edge
同时，在HTML的最开头（必须在第一个或 <script></script> 之前）加：
如果服务器返回了 X-UA-Compatible HTTP头，会覆盖这个，需确认二者一致

常见坑：把塞进条件注释里、放在CSS后面、或者用PHP动态输出时混入空格——IE会直接退回到怪异模式，video消失无踪。

type属性不能省，loadedmetadata后才能play()

IE11对的type属性极其敏感。不写或写错，它就当没这回事，连canPlayType()都返回空字符串。

DeepBI DHTML 页面生成器

生成可在 deepbi 沙箱 iframe 内运行或作为独立文件运行的交互式 HTML 页面，使用 `window.deepbi` JS SDK 实现数据查询、空间管理、文件浏览及用户操作。当用户提出以下需求时启用该能力： - 创建 KPI 仪表盘、数据表格、文件浏览器、成员列表、管理页面； - 明确要求“转成 dhtml”、“转译成 HTML”、“把 XX 页面转成……”、“控制台页面”、“管理后台”、“DeepBI 页面迁移”； - 提及位于 `apps/console/src/featur

下载

type只能是 video/mp4，不能写 video/h264 或 video/x-m4v（IE不认）
用JS动态设置 video.src 后，不能立刻调 play()，必须等 loadedmetadata 事件：

const video = document.querySelector('video');
video.src = 'demo.mp4';
video.addEventListener('loadedmetadata', () => {
  video.play().catch(e => console.warn('IE play failed:', e));
});

否则大概率报 Unhandled promise rejection: Error: Unspecified error.——这是IE特有的静默失败，控制台可能不报错，但视频就是不动。