54356 2011-02-13 08:46:46 -0800 Relative width or height on video element make controls float away from the actual video 2011-02-13 16:26:52 -0800 1 1 1 Unclassified WebKit Layout and Rendering 528+ (Nightly build) PC OS X 10.5 RESOLVED WORKSFORME P2 Normal --- 53020 1 dglazkov dglazkov eric.carlson scherkus oldest_to_newest 350397 0 dglazkov 2011-02-13 08:46:46 -0800 http://jsfiddle.net/dglazkov/BJTgu/2/embedded/result/ -- resize the screen to see the stuff. 350462 1 eric.carlson 2011-02-13 15:07:14 -0800 The <video> is in an iframe, which is in a 1041px height div. A video is supposed to maintain its aspect ratio and render "inside the element's playback area such that the video content is shown centered in the playback area at the largest possible size that fits completely within it, with the video content's aspect ratio being preserved. Thus, if the aspect ratio of the playback area does not match the aspect ratio of the video, the video will be shown letterboxed or pillarboxed." The controls are always along the bottom of the element, so when the browser window is not wide enough the video is letterboxed and the controls aren't near the bottom of the video. 350482 2 dglazkov 2011-02-13 16:26:52 -0800 (In reply to comment #1) > The <video> is in an iframe, which is in a 1041px height div. A video is supposed to maintain its aspect ratio and render "inside the element's playback area such that the video content is shown centered in the playback area at the largest possible size that fits completely within it, with the video content's aspect ratio being preserved. Thus, if the aspect ratio of the playback area does not match the aspect ratio of the video, the video will be shown letterboxed or pillarboxed." > > The controls are always along the bottom of the element, so when the browser window is not wide enough the video is letterboxed and the controls aren't near the bottom of the video. DOOOOOOH. Setting background: Black explains this all.