我正在构建的视频标签在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,如果您将其安装为第三方应用程序.
