我正在构建的视频标签在IE9中不起作用.它在Firefox和Chrome中运行正常.
我将mime添加到IIS 7.5服务器Extension = .mp4 Mime Type = video / mp4
我使用此代码使用jQuery创建元素
function fsuccLoadVideo(data) {
var arr = GetNormalizeMetadataClean(data);
var vid = $('<video width=400 height=300 controls poster=' + arr[0]["CntrTestVideoImage"] + '/>');
var loc = window.location.href;
var idx = loc.lastIndexOf('/') + 1;
var mp4loc = loc.substr(0,idx)+ arr[0]["CntrTestVideoMp4Src"];
loc = loc.substr(0,idx)+ arr[0]["CntrTestVideoOggSrc"];
if ((arr[0]["CntrTestVideoMp4Src"] != undefined) && (arr[0]["CntrTestVideoMp4Src"].length > 0)) {
$("<source />",{ src: loc,type: 'video/webm; codecs="vp8,vorbis"' }).appendTo(vid);
$("<source />",{ src: mp4loc,type: 'video/mp4; codecs="avc1.42E01E,mp4a.40.2"' }).appendTo(vid);
$("<source />",type: 'video/ogg; codecs="theora,vorbis"' }).appendTo(vid);
$(vid).append("Your browser does not support the video tag");
$("#videosection").append(vid);
}
}
它以这种方式在浏览器上呈现：
<source src="http://10.1.16.102:90/Intranet/safety/contractortest/video/cntrTest1.ogg" type="video/webm; codecs="vp8,vorbis"">
(无法使格式化正确以显示完整渲染,但这是关键线
解决方法
ie9仅支持webm,如果您将其安装为第三方应用程序.
