Resize YT To Window Size

Moves the YouTube video to the top of the website and fill the window with the video player.

< Feedback on Resize YT To Window Size

Review: Good - script works

§
Posted: 2019-04-25

Compatibility with firefox extension

Could you help with this: https://addons.mozilla.org/en-US/firefox/addon/speedy-rendering-webext/reviews/1322693/

ZrenAuthor
§
Posted: 2019-04-25
Edited: 2019-04-25

it might not be related to this (specific) web-extension, or any of them since this (disappearing titles and such) also happens when there are no web-extensions running...

Do you also observe this behavior if you disable his extension?

It could be that you're on a newer version of YouTube than I am. This might be why it's showing the video player overtop the video title as the new version broke my existing CSS.

Is the video area the same height as the window? Or is it taller than the "viewport"?

Can you upload a screenshot?

§
Posted: 2019-04-26

I'm using the old youtube. Don't like the new one. Your script works fine without the extension.

Here's with the extension: https://i.imgur.com/7wB91WG.png without: https://i.imgur.com/UMYWUmo.png

ZrenAuthor
§
Posted: 2019-04-26

Hmmm, in at_document_start.css in his extension, he sets:

/*-------------------------------------------------------------------faster scroll. */
body{ overflow: visible    !important;}
html{ overflow: auto       !important;
    word-break: normal     !important;
 overflow-wrap: break-word !important;
     word-wrap: break-word !important;
}
/*-------------------------------------------------------------------explicit page-size for faster scroll + effective 'height' attribute fixes glitches in BODY children. */
html,body{
  height: 100% !important;
   width: 100% !important;
 padding: 0px  !important;
  margin: 0px  !important;
}

My extension sets body { margin-top: 100vh } to create an empty space for the video player before the rest of the body contents. His script overrides that.

https://github.com/Zren/ResizeYoutubePlayerToWindowSize/blob/master/153699.user.js#L398-L400

If you change:

ytwp.style.appendRule(scriptSelector, { // body
    'margin-top': playerHeight,
});

to:

ytwp.style.appendRule(scriptSelector, { // body
    'margin-top': playerHeight + ' !important',
});

My script might work with his. If that's the case, I'll make an update.

§
Posted: 2019-04-28

Sweet! That worked. Thanks!

Post reply

Sign in to post a reply.