Bug Tracker

#4152 closed bug (worksforme)

Opened February 14, 2009 09:24PM UTC

Closed November 13, 2010 07:18AM UTC

jQuery causes flicker with embedded QuickTime movies in Safari

Reported by: synotic Owned by:
Priority: major Milestone: 1.3.2
Component: core Version: 1.3.1
Keywords: quicktime flicker Cc:
Blocked by: Blocking:
Description

If I try and inject the code necessary to embed a QuickTime movie (either using innerHTML or .html()), jQuery somehow interferes and flickers a copy of the video in the top left corner of the page on Safari. Simply removing jQuery fixes the bug. If I just include the embed code in the HTML, the bug doesn't occur. Here is a test case:

<html>
    <head>
        <script src="jquery-1.3.1.js" type="text/javascript"></script>
        <script type="text/javascript">
window.onload = function() {
    var code = '<embed width="320" height="152" src="http://movies.apple.com/movies/independent/phoebeinwonderland/phoebeinwonderland-clip_h.320.mov" type="video/quicktime" />';
    document.body.innerHTML = code;
};
        </script>
        <style type="text/css">
            body { margin: 3em; }
        </style>
    </head>
    <body></body>
</html>

I've just added the padding so that you can see the flicker a little better.

Attachments (0)
Change History (2)

Changed October 14, 2009 03:00AM UTC by dmethvin comment:1

component: unfilled → core

Changed November 13, 2010 07:18AM UTC by addyosmani comment:2

resolution: → worksforme
status: new → closed

Testing with jQuery 1.4.4 and the latest Safari build I don't see a flicker when testing this. Please see here for your test case Live Test Case. As this cannot be reproduced I am closing as worksforme.