Flutter HTML: How can I get rid off of empty space that come with height of the video?

47 Views Asked by At

I am using this package. I am fetching a video that has specific height which I made smaller and I got empty space in the bottom.

Here's how I'm fetching HTML data:

<iframe width="560" height="315" src="https://www.youtube.com/embed/xijoARJgwe0" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>

And here's how I changed it's style in Flutter:

"iframe": Style(
                      height: Height(200),
                      display: Display.block,
                      padding: HtmlPaddings.zero,
                      margin: Margins(
                        right: Margin.zero(),
                        left: Margin.zero(),
                        bottom: Margin.zero(),
                      ),
                    ),

And here's what I'm having:

screenshot

I need to get rid off this empty space. Please help.

0

There are 0 best solutions below