In the Video module, the Page Builder is hidden by any videos on the page.

I'm guessing this is a simple z-index correction but I don't know where to make the change.

I wish it were. It's specifically a Flash issue, and has to do with the fact that embedded Flash objects want to sit on top of everything regardless of CSS rules. Have a look at this older thread.

In a situation like this, its probably easiest to just move the builder box a bit upward. Otherwise, if you just want to access the Save button, there's actually a keyboard shortcut for it (or three).

Builder dropdowns unit view save: ALT+SHIFT+D
Builder TinyMCE editor save: ALT+SHIFT+S
Builder TinyMCE editor save & continue: ALT+SHIFT+C

The S shortcut also works for content posting screens across all modules.

Glad I didn't try correcting the issue myself!

The way I overcame it was to place a rather lengthy piece of text ('Lorem Ipsum') in the Video 'Module Header' in the Admin Panel before making changes using the Page Builder - just to get enough working space without being annoyed by embedded videos. After all changes, simply delete the module header text.

Works like a charm!

What you could also do is use the "truncate" button (right next to the edit icon at top right corner of each unit). What it does is it temporarily cuts the unit's height to 100px (not saving it anywhere), so things become quite a bit more manageable even if it doesn't actually fix the issue. Here's how our front page with two vids looks after a "truncate" click:

Sounds like we need a 'Tips & Tricks' section, Markus.

However I have just noticed that the Comment popup successfully rests on top of the videos in 1.21... while based on the information I have read so far, it actually shouldn't. I wonder if there's been an update in the way Flash works with stacking orders since, need to look into this.

Update: It appears that Builder is now also on top of flash videos in 1.21... Go figure. Not complaining!

So the secret switch for controlling Flash stacking order and getting it to obey the given z-index CSS parameter has now been unearthed! This is apparently not too widely known, and wasn't evident in the dozen or so articles I read before that just categorically noted that Flash is laid over just because, and that's just the way it is.

Inside the object tag, you need to have the following parameter:

<param name="wmode" value="transparent" />

And inside the embed tag, you need to have the following:

wmode="transparent"

This will make the Flash behave and be at the layer it's meant to be at. I have now modified all video embed templates in skin_video_ow.php to include the correct wmode parameter, and the 1.21.1 release will roll this out across the board.

Still, if you add in video tags directly to the HTML or add them with the TinyMCE flash embedding button, you will need to add this in yourself. The param tag should go inside object, and the wmode="transparent" should be inside the embed tag.

If you don't have wmode set to transparent, Flash will just overlay everything and disregard the z-index stacking order you have defined with CSS. I don't know why Flash should want to behave like this, but at any rate that's how you get it fixed, and that's also why these embedded videos were kept in their place, as in the screenshot of the previous post.