589575 - Ghost video with jQuery

Status: RESOLVED INCOMPLETE

(Firefox :: General, defect)

Description

[Marc Gray]

User-Agent:       Mozilla/5.0 (X11; U; Linux x86_64; en-US) AppleWebKit/534.3 (KHTML, like Gecko) Chrome/6.0.472.36 Safari/534.3
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 6.1; en-GB; rv:1.9.2.8) Gecko/20100722 Firefox/3.6.8

I've developed a fairly complex website that uses jQuery and ajax to add, play and remove both flash and html5 video players.

Ironically, the site works perfectly in everything (inc IE9 beta) except Firefox 3.6.8 and 4.0b3 (tested in Windows XP, Windows 7, Ubuntu 10.4, Mac OS X Snow Leopard).

Replacing the code (shown in "steps to reproduce" with:

if (navigator.userAgent.match(/Firefox\/[1234]\.[0-9]/) != null) {
    document.getElementById('ahf-video-container').innerHTML = html; // iPad doesn't like this
} else {
    $('#ahf-video-container').append(html); // Firefox doesn't like this
}

Appears to fix the issue.

While I appreciate this could be down to jQuery, the invisible and unstoppable ghost copy makes me think it's more due to Firefox.

Reproducible: Always

Steps to Reproduce:
1. $(id).append('<video width="x" height="y" controls autoplay><source src="evil.mp4 type="video/mp4" /><source src="my.ogv type="video/ogg /></video>');
2. Play video.
3. Listen to stuttering echo
4. $(id).empty();
5. Continue listening to video.
Actual Results:  
An invisible copy of the video plays in the background and doesn't stop until you refresh the page or close the browser.

Expected Results:  
1 copy of the video should play and even if it was two, .empty() should work...

If you're viewing the website, bear in mind the pages are by default ajax loaded, so you'll want to Copy Shortcut and paste in the link to get the real live page source.

Comment 1

[Ioana (away)]

The given URL is by now invalid.

Marc, can you still reproduce this issue on current Firefox versions?