hi, i have small problem, i want to embed youtube ...

# kobweb

[lc]

hi, i have small problem, i want to embed youtube video in page, i found iframe() element but cannot understand how to use it

[lc]

image.png

[David Herman]

So here's a markdown example of creating an iframe: https://github.com/bitspittle/droidcon-sf-24/blob/1a22a985d6f9d0fd9c63da814bcf0c26f3d69908/site/src/jsMain/resources/markdown/sections/conclusion/Community2.md?plain=1#L10

[David Herman]

This is a different element but it is an example of how to create a similar kind of tag in Kobweb: https://github.com/varabyte/kobweb-site/blob/d1389a806d18c4b846f0bf7712ccdf17d621623f/site/src/jsMain/kotlin/com/varabyte/kobweb/site/components/sections/home/CliSection.kt#L43

[Christiano]

Personally, I used one like so

Iframe(
    attrs = Modifier
        .borderRadius(8.px)
        .overflow(Overflow.Hidden)
        .aspectRatio(16, 9)
        .width(if (breakpoint > Breakpoint.LG) 66.percent else 100.percent)
        .toAttrs {
            attr("allowfullscreen", "")
            attr(Attr.Src, project.embeddedVideoUrl)
        }
)

[David Herman]

Nice yeah something like that looks good

[lc]

thanks, it worked 👍