[Webkit-unassigned] [Bug 114771] New: Youtube iframe api causes Safari 5.1.7+ Mac to hang up

bugzilla-daemon at webkit.org bugzilla-daemon at webkit.org
Wed Apr 17 15:24:47 PDT 2013


https://bugs.webkit.org/show_bug.cgi?id=114771

           Summary: Youtube iframe api causes Safari 5.1.7+ Mac to hang up
           Product: WebKit
           Version: 528+ (Nightly build)
          Platform: Macintosh Intel
               URL: http://soon.coming
        OS/Version: Mac OS X 10.6
            Status: UNCONFIRMED
          Severity: Blocker
          Priority: P2
         Component: Frames
        AssignedTo: webkit-unassigned at lists.webkit.org
        ReportedBy: jurekraben at googlemail.com


I add a fullscreen youtube iframe on a webpage using the following options:

ytplayer = new YT.Player('ytplayer', {
height: '390',width: '640',
videoId: $('.parameter[title|="youtube"]', block).text(),
playerVars: {
  'hd':1,'autoplay': 0, 'controls': 0, 
  'modestbranding': 1,'rel':0,'showinfo': 0,'loop': 1, 'iv_load_policy': 3,
  'enablejsapi': 0,'html5': 1,'scrolling': 'no'
},
events: {
  'onReady': pCmsBackground.ytOnPlayerReady,
  'onStateChange': pCmsBackground.ytOnPlayerStateChange
}

I use the following css on iframe div container:

position: fixed;
width: 100%;
height: 100%;
left: 0px;
top: 0px;
-webkit-user-drag: none;
-moz-user-drag: none;
-ms-user-drag: none;
user-drag: none;
pointer-events: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;

Now if ytOnPlayerReady is fired, I start to play the video, and on ytOnPlayerStateChange and event.data == YT.PlayerState.PLAYING I stop the video, until the moment comes when the video should be faded in and started.

This works fine on all browsers (Safari 5.05, IE9, Chrome, Firefox), but NOT on Safari 5.17 or Safari 5.19!

On Safari 5.17/5.19 as soon as the video is playing in ytOnPlayerReady, the browser starts extremely to lag, taking 100% of cpu. Also the fade in of the video never is visible, but the video starts to play in background, sound is stuttering.

The problem does not appear in the recent 5.17 webkit. So what is the problem here? It seems to be a bug in Safari. But I have to clue what bug it is and if there is a workaround for it.

Safari 5.1.7/5.1.9 is quite important to support, because on OSX 10.6.8 which is still used on 40% of Macs, this version is the newest one.

Please help, thanks!

-- 
Configure bugmail: https://bugs.webkit.org/userprefs.cgi?tab=email
------- You are receiving this mail because: -------
You are the assignee for the bug.



More information about the webkit-unassigned mailing list