Resize YT To Window Size

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

< Σχολιασμός για τον κώδικα Resize YT To Window Size

Αναφορά: Καλός - ο κώδικας λειτουργεί

§
Δημοσιεύτηκε: 25/04/2019

Compatibility with firefox extension

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

ZrenΔημιουργός
§
Δημοσιεύτηκε: 25/04/2019
Επεξεργάστηκε: 25/04/2019

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?

§
Δημοσιεύτηκε: 26/04/2019

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

ZrenΔημιουργός
§
Δημοσιεύτηκε: 26/04/2019

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.

§
Δημοσιεύτηκε: 28/04/2019

Sweet! That worked. Thanks!

Δημοσίευση απάντησης

Συνδεθείτε για να δημοσιεύσετε μια απάντηση.