我在 IE9 中播放 html5 视频时遇到问题。
这是我在 HTML 中包含视频的方式
<video id="video-1"></video>
我在 JS 中将 video 元素指定在一个变量上,以便在其他功能上轻松使用它。
video1 = document.getElementById("video-1");
这就是我在 JS 中分配视频的方式。
video1.innerHTML = '<source id="video-1-mp4-src" type="video/mp4" src="' + 'pill.mp4' + '">' + '<source id="video-1-ogg-src" type="video/ogg" src="'+ 'pill.ogg' + '">' + '<source id="video-1-webm-src" type="video/webm" src="' + 'pill.webm' + '">';
也试过这种在JS中分配视频的方法....
video1.innerText = '<source id="video-1-mp4-src" type="video/mp4" src="' + 'pill.mp4' + '">' + '<source id="video-1-ogg-src" type="video/ogg" src="'+ 'pill.ogg' + '">' + '<source id="video-1-webm-src" type="video/webm" src="' + 'pill.webm' + '">';
问题是视频无法在 IE9 中加载....我可能遗漏了什么吗?还是 IE9 还不支持 Video 标签?
TIA! :)
最佳答案
经过大量研究,我找到了解决方案。
页面的 DOCTYPE
必须是:
<!DOCTYPE html>
(HTML5 文档类型) 以便 IE9 播放 HTML5 视频。 Firefox、Chrome 等可以识别带有 XHTML 文档类型的视频标签,但 IE 不能。
关于javascript - HTML5 视频无法在 IE9 中播放,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7921107/