jquery – 视频标签在IE 9中不起作用

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

原文地址：https://www.jb51.cc/jquery/181136.html