You can make a customrender for the oembed tag and just render a link element with the inner contents. I recommend checking out the README which has a few examples for customrender to get a better idea.

Please let us know if this is an open issue still. We can provide concrete examples.

For this concrete example:

Html(
  data: r"""
    <p>There should be a YouTube video link below this</p>
    <figure class="media">
       <oembed url="https://youtu.be/4FGnb2lgPBA"></oembed>
    </figure>""",
  tagsList: Html.tags..addAll(["figure", "oembed"]),
  customRender: {
    "figure": (context, child) {
      final url = context.tree.element!.children.first.attributes["url"]!;
      return ElevatedButton(
        onPressed: () {
          // Do something with the url
        },
        child: Text(url),
      );
    },
  },
)

Which renders as:

Thank you for the example, it does solve my issue, although I have to use SelectableHtml which does not support customRender yet.

Is there any way for me to use some kind of pre-release version which includes this PR?

The app I'm working on will be released soon, and it would be nice to have this feature included.

You could use a git dependency on my fork of the repo with that branch as the reference. However, since you use SelectableHtml, you cannot add "widgets" like buttons due to a limitation in Flutter.

This limitation has been fixed on the dev branch if I remember correctly, but since it hasn't hit Flutter stable yet, I haven't added the capability for users to use a WidgetSpan inside the customRender.

Thus, if you want to support oembed inside SelectableHtml, you will need to use a TextSpan with the customRender PR, so that limits you to only showing the URL text and maybe styling it to look like a hyperlink, then add the TapGestureRecognizer to the TextSpan and you can make the link open in a 3rd party application.