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!

发表回复

登录以发表回复。