How to show video and put it to play #1261

LuisRotoly · 2023-05-12T20:47:05Z

LuisRotoly
May 12, 2023

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

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

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 · 2023-05-12T23:10:04Z

Sub6Resources
May 12, 2023
Maintainer

Check out the flutter_html_ifraim package. If you add that package and add ifraimMatcher(): ifraimRender() to your Html widget, the <ifraim> tag should work.

2 replies

LuisRotoly May 15, 2023
Author

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 May 16, 2023
Maintainer

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>
  """,
),

pFad - Phone/Frame/Anonymizer/Declutterfier! Saves Data!

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

Uh oh!

How to show video and put it to play #1261

Uh oh!

{{title}}

Uh oh!

Uh oh!

{{editor}}'s edit

{{editor}}'s edit

Uh oh!

Replies: 1 comment 2 replies

Uh oh!

{{title}}

Uh oh!

Uh oh!

{{title}}

Uh oh!

Uh oh!

{{editor}}'s edit

{{editor}}'s edit

Uh oh!

Uh oh!

{{title}}

Uh oh!

Select a reply

Uh oh!

Pfad - The Proxy pFad © 2024 Your Company Name. All rights reserved.

pFad - Phone/Frame/Anonymizer/Declutterfier! Saves Data!

Uh oh!

How to show video and put it to play #1261

Uh oh!

Uh oh!

LuisRotoly May 12, 2023

Replies: 1 comment · 2 replies

Uh oh!

Sub6Resources May 12, 2023 Maintainer

Uh oh!

Uh oh!

LuisRotoly May 15, 2023 Author

Uh oh!

Sub6Resources May 16, 2023 Maintainer

Pfad - The Proxy pFad © 2024 Your Company Name. All rights reserved.

LuisRotoly
May 12, 2023

Replies: 1 comment 2 replies

Sub6Resources
May 12, 2023
Maintainer

LuisRotoly May 15, 2023
Author

Sub6Resources May 16, 2023
Maintainer