Take the 2-minute tour ×

I am loading an ajax page which executes an HTML5 video player script. The function for the Flash fallback is html5media(); :

//Load 1st Case Study
    $("#splash").live('click', function (e) {
            $('#case-studies').load('case-study-1.html', function() {
               html5media(); //initiate Flash fallback


This initial page load works fine in IE7 & IE8.

The problem is once this page is loaded, there are links to 4 more videos which are loaded in again using ajax. I use this function:

function csClients(url, client) {
    $("#case-studies").fadeOut('slow', function() {
        $('#case-studies').load(url, function () {
            html5media(); //initiate Flash fallback

//Page Loader
$("#cs-client-list li.client1 a").live('click', function(e) {
    csClients('case-study-1.html', 'client1');

Originally I was using return false; but none of the sub-page Flash videos would load in IE7. When I switched to preventDefault, the videos loaded in IE7 but still not in IE8.

I also get a weird error in both IE7 & IE8 with no helpful feedback:

Error on Page:
Unspecified error.
/ (Line 49)
Code: 0 (Char 5) URI:

This is line 49 in my index page:

<section id="case-studies" class="main-section">

I have a feeling it has to do with calling html5media(); too many times? At a loss...

share|improve this question
For what it's worth -- the section element isn't supported in either IE 7 or 8 –  Kevin Ennis Dec 4 '11 at 23:26
I'm using modernizr. Could that not be working in this instance? If I comment out html5media(); the error goes away. –  Yahreen Dec 4 '11 at 23:27
Could it have to do with html5media(); running in #case-studies and then re-running in the same div when the other ajax pages load? –  Yahreen Dec 4 '11 at 23:36
You could test if it's Ajax or html5media() by manually calling html5media(); a few times in a row. –  Blaise Dec 6 '11 at 15:16
What is in html5media()? Call it on its own and make sure the AJAX requests, element fading and other DOM manipulations aren't interfering. –  Terry Dec 8 '11 at 0:02

2 Answers 2

It seems to be a problem with using the browser's domNode.innerHTML impelementation for incoming AJAX content. There's a plugin (innerShiv) that supposedly fixes the issue. (Full disclosure, I've never tried the plugin.)

And according to the plugin's homepage, the issue is fixed in jQuery 1.7, so you might try updating your jQuery reference instead.

share|improve this answer
I was using jQuery 1.7.1 so not sure that's the problem. I believe it had something to do with the plugin I was using (html5media). I switched to an entirely different video player script (MediaElement.js) and no longer had the problem. (Although I had to entirely recode that section.) –  Yahreen Dec 20 '11 at 4:46
up vote 0 down vote accepted

Was a problem with the html5media plugin.

share|improve this answer

Your Answer


