How to show video and put it to play

[LuisRotoly]

I have an app an I am trying to convert html to flutter.
I write this code:

Html(
  data: text,
  customRenders: {
    videoMatcher(): videoRender(),
  }

Text, image base64, css, everything works fine, but I need to render a youtube video and it not working.
I have tryed this 2 tags:
This one is from youtube embed share

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

And this one came from my web rich text editor

<figure class=\"media\"><oembed url=\"https://www.youtube.com/watch?v=qV-_Uvso2m0&amp;ab_channel=UKFDubstep\"></oembed></figure>

What am I missing here?
Any link or message will be helpfull

[Sub6Resources]

Check out the flutter_html_iframe package. If you add that package and add iframeMatcher(): iframeRender() to your Html widget, the <iframe> tag should work.

[LuisRotoly]

Thank you for your reply, what about <figure>? In the documentation I saw that is suppose to work.
Do you have any working example to show this implementation?

[Sub6Resources]

Using the latest version, it's as simple as

Html(
  data: """
    <figure>
      <img src="..." alt="An image or whatever" />
      <figcaption>And an optional caption</figcaption>
    </figure>
  """,
),