SCRIPT5022: Element "source" does not have either property: href, src, action jquery.URI.js, line 131 character 9 about uri.js

[thenewguy]

Okay. So I found out what is going on I think.

The problem is coming from jquery.URI.js here:

// pipe $.attr('src') and $.attr('href') through URI.js
var _attrHooks = {
    get: function(elem) {
        return $(elem).uri();
    },
    set: function(elem, value) {
        return $(elem).uri().href(value).toString();
    }
};

I am creating an html5 video like this:

    var video = document.createElement("video");
    var mp4 = document.createElement("source");
    $(mp4).attr("src", "awesome.mp4");
    $(mp4).attr("type", "video/mp4");

This doesn't do much in IE8, but I handle the IE8 video with flash player. However, jquery.URI.js appears to be intercepting the attr call and then it throws an error because IE8 doesn't know anything about the source element.

Is there anything I can do besides wrapping any attr call on an html5 element in a try block? (hope I don't need to do that because that will be a lot of extra typing)

[rodneyrehm]

for now, edit the _attrHooks definition to ignore the source element. I'm not sure how to fix that properly at the moment.

[rodneyrehm]

Can you provide a jsfiddle or jsbin so I can play around with this?

[srathbun]

When I used the build option on your main page, I got a very similar error.

Element "LABEL" does not have either property: href, src, action URI.js, line 78

Disabling the inclusion of the jQuery plugin and rebuilding removes this error. I don't need the integration, so this is just a heads up for you.