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

我正在构建的视频标签在IE9中不起作用。它可以在Firefox和Chrome中正常工作

我将mime添加到IIS 7.5服务器扩展=.mp4 mime Type=视频/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 />", { src: loc, type: 'video/ogg; codecs="theora, vorbis"' }).appendTo(vid);

        $(vid).append("Your browser does not support the video tag");
        $("#videosection").append(vid);
    }

}

函数fsuccLoadVideo（数据）{
var arr=getnormalizemetataclean（数据）；
var vid=$（''）；
var loc=window.location.href；
变量idx=loc.lastIndexOf（'/'）+1；
var mp4loc=loc.substr（0，idx）+arr[0][“cnrtestvideomp4src”]；
loc=loc.substr（0，idx）+arr[0][“CntrTestVideoOggSrc”]；
如果（（arr[0][“cnrtestvideomp4src”]！=未定义）&（arr[0][“cnrtestvideomp4src”].长度>0））{
$（“”，{src:loc，键入：'video/webm；codecs=“vp8，vorbis”}）；
$（“”，{src:mp4loc，键入：'video/mp4；codecs=“avc1.42E01E，mp4a.40.2”}）；
$（“”，{src:loc，键入：'video/ogg；codecs=“theora，vorbis”}）；
$（vid）.append（“您的浏览器不支持视频标记”）；
$（“#视频部分”）。附加（视频）；
}
}

它在浏览器上的渲染方式如下：

<source 
  src="http://10.1.16.102:90/Intranet/safety/contractortest/video/cntrTest1.ogg" 
  type="video/webm; codecs="vp8, vorbis"">

---

（无法获得正确的格式以显示完整的渲染，但这里有一条关键线

ie9仅支持作为第三方应用程序安装的webm。

ie9仅支持作为第三方应用程序安装的webm。

问题似乎是ie9不允许动态添加源标记。出于某种原因，$（'video'））.append（…）将不适用于此元素

你必须这样做：

$('video').append('<source src="' + pathMp4 + '" type="video/mp4"><source src="' + pathWebm + '" type="video/webm">');
if(!$('video').children('source').length) { // set src&type attribute for ie9/android3.1 because it does not add the source child-elements
    $('video').attr('src', pathMp4 ).attr('type','video/mp4');
}

---

因此，如果使用JavaScript，我建议不要使用

子节点。

问题似乎是IE9不允许动态添加源标记。。出于某种原因，$（'video'）。append（…）不适用于此元素

你必须这样做：

$('video').append('<source src="' + pathMp4 + '" type="video/mp4"><source src="' + pathWebm + '" type="video/webm">');
if(!$('video').children('source').length) { // set src&type attribute for ie9/android3.1 because it does not add the source child-elements
    $('video').attr('src', pathMp4 ).attr('type','video/mp4');
}

---

因此，如果使用JavaScript，我建议不要使用

子节点。

我建议不要将编解码器添加到源

类型

属性中，最好让浏览器自行决定，除非您100%确定用于编码视频文件的编解码器。

我建议不要将编解码器添加到so中urce

type

属性，最好让浏览器自行决定，除非您100%确定视频文件编码使用的是什么编解码器。

但它不支持mp4 nativelyno。safari本机支持mp4。您可以在media.io生成必要的文件，或者下载nero copierIt本机支持mp4，只要媒体播放器是我的nstalled.windows media player？在IE9中播放？开始使用m4v和IE9播放。还有Firefox和Chrome播放。但我无法让Safari播放，但它不支持mp4 nativelyno。Safari本机支持mp4。只要安装了media player，您可以在media.io生成必要的文件或下载nero copierIt本机支持mp4.windows media player？在IE9中播放？开始使用m4v和IE9播放。还有Firefox和Chrome播放。但我无法让Safari播放