在IE8中调用AJAX后,mediaelement.js无效

时间:2011-12-15 22:04:58

标签: php ajax internet-explorer internet-explorer-8 mediaelement.js

我在IE8中有一个绝对疯狂的错误。目前,以下代码适用于IE8。

如果我在Chrome中运行此功能,则启用警报"成功"火灾。 如果我在IE中运行它"错误"确实

可悲的是,在IE中我似乎无法追查任何类型的详细错误消息。

有没有人想出这个?我正试图解决这个问题。

<?php
function the_ajax(){
$video_embed =  "<video id='myvideo' width='$videowidth' height='$videoheight' poster='$large' controls='controls' preload='none'>
    <source type='video/mp4' src='$videomp4' />
    <source type='video/webm' src='$videowebm' />
    <source type='video/ogg' src='$videoogg' />
    <object width='$videowidth' height='$videoheight' type='application/x-shockwave-flash' data='$siteroot/js/mediaelement/flashmediaelement.swf'>
    <param name='movie' value='$siteroot/js/mediaelement/flashmediaelement.swf' />
    <param name='flashvars' value='controls=true&file=$videomp4' />
    <img src='$large' width='$videowidth' height='$videoheight' title='No video playback capabilities' />
    </object>
</video>";
echo $video_embed;
}
?>

和javascript:

<script type="text/javascript">
$.ajax({
    url: 'wp-admin/admin-ajax.php?action=get_my_video&name='+thevideo, 
    cache: false,
    type: 'GET',
    success: function(response, textStatus, jqXHR){
    contentArea.html(response);
    $("#myvideo").mediaelementplayer({
        enablePluginDebug: true,
        plugins:["flash","silverlight"],
        type: '',
        pluginPath: "/js/mediaelement/",
        flashName:  "flashmediaelement.swf",
        silverlightName: 'silverlightmediaelement.xap',
        success:function(mediaElement, domObject) { 
                //alert('success');
        },
        error: function () { 
            GLOBAL_ERR = this;
            //alert('unknown error');
        }
    });
});
</script>

顺便提一下,&#34;样本输出&#34;在IE8中显示POSTER IMAGE堆叠在一大块空白区域的顶部。如果你右键点击空格,它会说&#34;关于flash&#34;等...所以似乎闪存播放器实际上并没有初始化。

修改 我找到了播放视频的方法 - (哇!)但是海报/闪光灯仍然堆叠在一起。 在IE8中播放视频的关键是改变打开的VIDEO标签。将src='$videomp4'添加到开始标记。

 <video id='myvideo' width='$videowidth' height='$videoheight' poster='$large' controls='controls' preload='none' src='$videomp4'>

EDIT2

事实证明,删除从<object</object>的所有内容实际上修复了IE8中的布局问题。视频似乎可以在Chrome,F,FF3.6&amp; IE8

我还没有对其他任何东西进行测试,我担心我在某个地方丢失了某些东西......但是对于我测试过的所有内容,这似乎都有效。

1 个答案:

答案 0 :(得分:0)

事实证明,删除从<object></object>的所有内容实际上修复了IE8中的布局问题。视频似乎可以在Chrome,FF3.6&amp; IE8

我没有测试任何其他内容,我担心我在某处失去了某些东西......但是对于我测试的所有内容,这似乎都有效。