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的回應

評論:正評 - 腳本一切正常

§
發表於: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/

Zren作者
§
發表於:2019-04-25
編輯: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?

§
發表於: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

Zren作者
§
發表於: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.

§
發表於:2019-04-28

Sweet! That worked. Thanks!

發表回覆

登入以回復