VideoPlayer control buttons disappear from bar in Safari

Description

When the cursor hovers over the video player, the control bar, including all the buttons, etc., slides up, but once it reaches it's final position, the buttons disappear from the grey bar.

Environment

Safari in OS X

Attachments

2

Activity

Show:

Justin Obara January 10, 2013 at 5:04 PM

Merged pull request ( https://github.com/fluid-project/videoPlayer/pull/107 ) into the project repo at 82813a22b3f914333cc98f144d889fbbf1a80b5d

Anastasia Cheetham December 13, 2012 at 9:57 PM

Yes, relative positioning does seem to be part of the problem. It doesn't interact well with jQuery slideDown(): if the controls are shown using plain-ol' show(), there's no problem.

heidi valles November 12, 2012 at 8:13 PM

heidi valles November 12, 2012 at 8:12 PM

Not sure how to get around this one but another possible source is line 9

.fl-videoPlayer-main {
position: relative;
display: inline-block;
}

Safari bug: It seems relatively positioned things can re-position incorrectly in dynamic enviros: see http://www.quirksmode.org/css/position.html

heidi valles November 7, 2012 at 8:12 PM
Edited

The issue for the volume button is on line 266 of videoplayer.css:

.fl-videoPlayer-volumeContainer {
position:relative;
}

Can be removed and .fl-videoPlayer-volumeControl {} below it reworked.

Timeline info still disappearing...

Fixed

Details

Assignee

Reporter

Components

Fix versions

Priority

Created October 11, 2012 at 7:02 PM
Updated January 28, 2013 at 4:18 PM
Resolved January 28, 2013 at 4:18 PM

Flag notifications