question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

black side border on video filling the width of note

See original GitHub issue

When I add a video without adjusting its size, the player fills the width of the note, but most of it is black borders. I am using the maximum height of 30vh and a minimum width of 300 in the settings. I would have expected the player to scale to have maximum size within the height constraint and no black borders on the side. ![[media/c0030.mp4]] so something similar to what I achieve when applying a width constraint ![[media/c0030.mp4|300]]

Issue Analytics

  • State:closed
  • Created 2 years ago
  • Comments:8 (4 by maintainers)

github_iconTop GitHub Comments

1reaction
aidenlxcommented, Jul 30, 2021

should be fixed in v2.10.2

0reactions
hcgiljecommented, Jul 30, 2021

I turned off a css snippet related to images and then the video is centered, but still not fullscreen (which worked before the update) Screenshot from 2021-07-30 10-17-48

Read more comments on GitHub >

github_iconTop Results From Across the Web

How To: Avoid Black Bars Around Your Video | Brightcove
Simply enter either the height or width of your video, and it will tell you what the other dimension should be in order...
Read more >
Fill Frame - Guided edit - Adobe Support
This Guided edit is a walkthrough on how to fill in the black bars around the video to match the video frame.
Read more >
HTML5 video in IE9 is showing a black border on its both sides
The video width should be an even number in your HTML or CSS in Internet Explorer, or you may get a black border...
Read more >
Why do black bars appear at the top, bottom, or sides of my ...
If the height and width of a player (the container for the video) does not match the aspect ratio of the video itself,...
Read more >
Remove Black Borders Around Your PC Monitor Screen
Remove Black Borders Around Your PC Monitor Screen | Resize Desktop To Fit | NVIDIA Control PanelIn this Windows 10 tutorial I will...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found