YouTube video player too small in chrome browser

The YouTube video player is too small in the chrome browser (see image) and the size cannot be adjusted.

Would be fantastic to see a fix for this enabling a larger video size when studying.

2 Likes

I wonder if the LingQ team can offer ay update on resolving the above issue? It makes sentence view pretty much unusable for viewing youtube comfortably. I am making do with a tampermokey script for now thankfully provided by the community.

At the moment it’s not possible to adjust the size. We will see what we can do in the future updates.

Try my script

Thanks for the update Zoran. And thanks also vet for the feedback. I had tried this however I prefer to use sentence mode so I can replay the audio from each sentence easily which I don’t believe is possible here? I am using the script thankfully provided here [Larger videos on desktop displays via Tampermonkey]

I’ll update the resize feature for the sentence mode soon. :smile:

2 Likes

Try version 3.5. I added the video-size option for the sentence view mode!

1 Like

Hey thanks! However, sentence view uses a different video player than the general player (pressing the YouTube button in the bottom left). when you press the sentence audio shortcut (a), a new player loads which is the incorrect size.

Try v3.6.1

I fixed that issue.

Thanks that works great! Note for my own preference I have edited slightly by shrinking the video player width to 50% which seems to work better for me. I have also set the default captions in player to off. Thanks Again.

1 Like

paste the script below in your browser console:
var element1 = document.querySelector(‘.reader-container.has-text-dark.is-relative’);

element1.style.float= “right”

var element2 = document.querySelector(‘.modal.modls.hide-default-close.video-player.is-minimized.is-active’);

element2.classList.remove(‘is-minimized’);

var element3 = document.querySelector(‘.modal.modls.hide-default-close.video-player.is-active’);

element3.style.right = “1200px”;

element3.style.bottom = “250px”;

var element4 = document.querySelector(‘.modal-content.box.is-paddingless.is-medium’);

element4.style.maxWidth=“1900px”

var element5 = document.querySelector(‘.video-wrapper’);

element5.style.height=“900px”

1 Like

Result: