jquery doesn't change iframe html

Question

I have this following code but it doesn't work on ipad

$('#video_container').html('<iframe width="560" height="335" src="'+URL+'" frameborder="0" allowfullscreen>');

But it works

$('#video_container').html('<p>Hello world!!</p>');

The above code works on all browsers though well in all desktops.

Can anyone please give me any hints/suggestion.Thanks in advance.

Answer 1

did you tried it without "allowfullscreen"?

$('#video_container').html('<iframe width="560" height="335" src="'+URL+'" frameborder="0">');