Question

Im using ajax to load a youtube video on the page load

$(document).ready(function(){
     $.ajax({
        url : '/myurl',
        type:"post",           
        data:{"d": $('#d_id').val()},  
        async:false,
        success:function(data){ 
            $('#container').html(data);

            //data is an emebed string

          //This is what i get from PHP page
            /*<embed class="frame"  width="850" scrolling="no" height="415" frameborder="0" src="http://www.youtube.com/embed/' . $k[0] . '?showinfo=1&amp;modestbranding=1&amp;autoplay=1&amp;rel=0&amp;iv_load_policy=3&amp;cc_load_policy=1&amp;loop=1&amp;playlist=' . $k[0] . '&amp;wmode=transparent" frameborder="0""  allowfullscreen="yes" wmode="Opaque"></embed> */
        }    
    });
});

Working in every browser except IE

IM getting an error “Math is undefined” as per the screen shot
If i change embed to iframe im getting more serious error such as ‘__flash__removecallback is undefined’..

UPDATE

If i use emebed the whole thing is not working in IE8

Somebody help me IE is driving me NUTS

Answer 1

Finally i got this

On the server side (i.e Ajax response)

if (preg_match('/MSIE 9.0/', $_SERVER['HTTP_USER_AGENT'])) { /*for IE 9.0 generate with objace tag*/ ?>
     <object type="application/x-shockwave-flash" data="VIDEO_URL">
      <param name="movie" value="VIDEO_URL" />
      </object>
 <?php } else { /*rest of all browsers,in iframe*/ ?>
      <iframe src="VIDEO_URL"></iframe>
 <?php } ?>