661119 - It takes 4 sec for progress bar to show up when hovering over a youtube HTML5 video

Status: RESOLVED FIXED

(Tech Evangelism Graveyard :: English US, defect)

Description

[Jake]

User-Agent:       Mozilla/5.0 (Windows NT 5.1; rv:7.0a1) Gecko/20110531 Firefox/7.0a1
Build Identifier: 

1.Enable HTMl5 on http://www.youtube.com/html5
2.Go to http://www.youtube.com/watch?v=9Sw8HFgOwpI&feature=ytn%3Amptnews 
3.Move you mouse over the player, the progress bar doesn't show up immediately as it should be, it delays 4 sec or so.
First I thought it was a problem with Html5, after I trid it on Chrome I realized it's a bug with Fx.

Reproducible: Always

Comment 1

[Alice0775 White]

URL: http://www.youtube.com/watch?v=BRG5VNNUq_E&hd=1&html5=1
Confirmed on
http://hg.mozilla.org/mozilla-central/rev/a18b9861a868
Mozilla/5.0 (Windows NT 6.1; WOW64; rv:7.0a1) Gecko/20110531 Firefox/7.0a1 ID:20110531030606

Regression window:
Works(Seek button appears immediately, but changing of width of seekbar delays):
http://hg.mozilla.org/mozilla-central/rev/5425902639a5
Mozilla/5.0 (Windows; Windows NT 6.1; WOW64; en-US; rv:2.0b2pre) Gecko/20100702 Minefield/4.0b2pre ID:20100702211430
Fails:
http://hg.mozilla.org/mozilla-central/rev/f2b02ba56bdd
Mozilla/5.0 (Windows; Windows NT 6.1; WOW64; en-US; rv:2.0b2pre) Gecko/20100702 Minefield/4.0b2pre ID:20100702221424
Pushlog
http://hg.mozilla.org/mozilla-central/pushloghtml?fromchange=5425902639a5&tochange=f2b02ba56bdd

Comment 2

[Alice0775 White]

Problem is in http://s.ytimg.com/yt/cssbin/www-player-vflM6WybL.css, 

.html5-video-player:hover .html5-progress-item
{
-moz-transition:all 0 linear 0;
-webkit-transition:all 0 linear 0;
-o-transition:all 0 linear 0
}


WORKAROUND:
Append the following css to userContent.css.

.html5-video-player:hover .html5-progress-item
{
-moz-transition:all 0s linear 0s !important;
}


So, TE?

Comment 3

[Jake]

Thanks a lot for the workaround.

Comment 4

[Boris Zbarsky [:bzbarsky]]

Yeah, this is evangelism.

Comment 5

[Boris Zbarsky [:bzbarsky]]

Mail sent.

Comment 6

[Robert O'Callahan (:roc) (email my personal email if necessary)]

Do we need to file a Webkit bug to get them to fix their syntax?

Comment 7

[Boris Zbarsky [:bzbarsky]]

Probably.

Comment 8

[Boris Zbarsky [:bzbarsky]]

Fixed on Google's end.