IE 8 Videos Not Working on AJAX Load about html5media HOT 4 CLOSED

Your solution can be found at the bottom of this wiki page: :)

https://github.com/etianen/html5media/wiki/API

On 2 July 2013 03:54, Todd Lynch [email protected] wrote:

If you do the following in IE8:

1. Visit http://estrovenchangingways.com/

2. View the video on the page - it currently works

3. In the primary navigation at the top of the page select Blog >> Christy

4. Her video appear as a gray box / rectangle.

The error is as follows:

=============== ERROR HERE

function _flash_addCallback(instance, name) {
instance[name] = function () {
return eval(instance.CallFunction("" + _flash_argumentsToXML(arguments,0)

• ""));
  }
  }

-------------- The error is on the return eval(.....)); line

============= CONSOLE LOG
script block (1716), line 49 character 5
SCRIPT16389:

script block (1716), line 49 character 5
SCRIPT16389: Unknown name.
script block (1716), line 49 character 5

============= STACK TRACE

Main page

Anonymous function, script block (1716), line 49
Anonymous function, html5media.min.js, line 8
unload, html5media.min.js, line 4
Anonymous function, html5media.min.js, line 3
i, html5media.min.js, line 1
load, html5media.min.js, line 3
Anonymous function, html5media.min.js, line 14

The function that handles the blog loading is as follows:

function load_blog(href) {
_gaq.push(['_trackEvent', 'Blog', 'View', href]);
document.location.hash = href;
$(".post-area .photo img").attr("src","/public/images/loader.gif");
$(".post-area .container .name").html("Loading...");
$(".post-area .container .str").html("");
$(".post-list").hide();
$(".week-box").hide();

        scroll_to("#blog_page_holder", href);
        $.get(href, function(data){
                document.getElementById("blog_page_holder").innerHTML = data;
                $(".post-list").show();
                attach_video_events();
                set_video_size();
                html5media();
        },"html");
    }

Thanks in advance,
Todd

—
Reply to this email directly or view it on GitHubhttps://github.com//issues/38
.

from html5media.

Hi David,

I assume that you are referring to calling html5media() once I have updated
the DOM with new video tags. I already read the source code of html5video
and found that I should do that:

$.get(href, function(data){

document.getElementById("blog_page_holder").innerHTML = data; <<<< Update
DOM
$(".post-list").show();
attach_video_events();
set_video_size();
html5media(); <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< run the replacement
function
},"html");
}

If I look at the DOM of the page in IE8, the video tag has been swapped
out. I actually think the error occurs when flash is trying to hook up its
JS callback events.

Any thoughts?

Thanks,
Todd

On Tue, Jul 2, 2013 at 4:36 AM, Dave Hall [email protected] wrote:

Your solution can be found at the bottom of this wiki page: :)

https://github.com/etianen/html5media/wiki/API

On 2 July 2013 03:54, Todd Lynch [email protected] wrote:

If you do the following in IE8:

1. Visit http://estrovenchangingways.com/

2. View the video on the page - it currently works

3. In the primary navigation at the top of the page select Blog >>
   Christy

4. Her video appear as a gray box / rectangle.

The error is as follows:

=============== ERROR HERE

function _flash_addCallback(instance, name) {
instance[name] = function () {
return eval(instance.CallFunction("" +
_flash_argumentsToXML(arguments,0)

• ""));
  }
  }

-------------- The error is on the return eval(.....)); line

============= CONSOLE LOG
script block (1716), line 49 character 5
SCRIPT16389:

script block (1716), line 49 character 5
SCRIPT16389: Unknown name.
script block (1716), line 49 character 5

============= STACK TRACE

Main page

Anonymous function, script block (1716), line 49
Anonymous function, html5media.min.js, line 8
unload, html5media.min.js, line 4
Anonymous function, html5media.min.js, line 3
i, html5media.min.js, line 1
load, html5media.min.js, line 3
Anonymous function, html5media.min.js, line 14

The function that handles the blog loading is as follows:

function load_blog(href) {
_gaq.push(['_trackEvent', 'Blog', 'View', href]);
document.location.hash = href;
$(".post-area .photo img").attr("src","/public/images/loader.gif");
$(".post-area .container .name").html("Loading...");
$(".post-area .container .str").html("");
$(".post-list").hide();
$(".week-box").hide();

scroll_to("#blog_page_holder", href);
$.get(href, function(data){
document.getElementById("blog_page_holder").innerHTML = data;
$(".post-list").show();
attach_video_events();
set_video_size();
html5media();
},"html");
}

Thanks in advance,
Todd

—
Reply to this email directly or view it on GitHub<
https://github.com/etianen/html5media/issues/38>
.

—
Reply to this email directly or view it on GitHubhttps://github.com//issues/38#issuecomment-20333361
.

from html5media.

The issue appears to be a flowplayer issue. I have opened a ticket with them.

from html5media.

Thanks for letting me know!

On 2 July 2013 20:34, Todd Lynch [email protected] wrote:

The issue appears to be a flowplayer issue. I have opened a ticket with
them.

—
Reply to this email directly or view it on GitHubhttps://github.com//issues/38#issuecomment-20369984
.

from html5media.