рдПрдХ рд╡реЗрдмрд╕рд╛рдЗрдЯ рдкрд░ Youtube рд╡реАрдбрд┐рдпреЛ рдФрд░ SVG рдХреЛ рд▓рд╛рдЧреВ рдХрд░рдиреЗ рдХреА рдХреЛрд╢рд┐рд╢ рдХрд░ рд░рд╣рд╛ рд╣реИ, рдлрд┐рд░ рднреА рдХреБрдЫ рдЧреБрдг рд╕реЗрдЯ рдирд╣реАрдВ рдХрд░ рд╕рдХрддрд╛:
Html.iframe [
prop.className "videostream"
prop.src v.url
prop.allowFullScreen true // Missing Feature in Feliz?
prop.scrolling "no" // Missing Feature in Feliz?
prop.frameBorder 0 // Missing Feature in Feliz?
Html.svg [
prop.className "fill-current h-3 w-3" ;
Html.svg.viewBox "0 0 20 20" // Missing Feature in Feliz?
Html.svg.xmlns "http://www.w3.org/2000/svg" // Missing Feature in Feliz?
prop.children [
Html.path [
Html.d "M0 3h20v2H0V3zm0 6h20v2H0V9zm0 6h20v2H0v-2z" // Missing Feature in Feliz?
]
]
]
рд╣рд╛рдп @рд╣рд╛рдЗрдорд╢реЙрдл ,
iframe
рд╡рд┐рд╢реЗрд╖рддрд╛рдУрдВ рдХреЛ рдЗрди рдХрд╛рд░рдгреЛрдВ рд╕реЗ рд╢рд╛рдорд┐рд▓ рдирд╣реАрдВ рдХрд┐рдпрд╛ рдЧрдпрд╛ рдерд╛:
allow="fullscreen"
, рдРрд╕рд╛ рд▓рдЧрддрд╛ рд╣реИ рдХрд┐ allow
рдЧрд╛рдпрдм рд╣реИ, рдореИрдВ рдЙрд╕рдХреЗ рд▓рд┐рдП рдПрдХ рдкреАрдЖрд░ рд╕рдмрдорд┐рдЯ рдХрд░реВрдВрдЧрд╛редрдПрд╕рд╡реАрдЬреА рдЖрдЗрдЯрдо рдХреЗ рд▓рд┐рдП рдРрд╕рд╛ рд▓рдЧрддрд╛ рд╣реИ рдХрд┐ рд╡реЗ рдЧрд╛рдпрдм рд╣реИрдВред
рд╣рд╛рдп @heimeshoff , рд╡рд╛рд╕реНрддрд╡ рдореЗрдВ рдРрд╕рд╛ рд▓рдЧрддрд╛ рд╣реИ рдХрд┐ svg рдЧреБрдг рдЕрднреА рддрдХ рдлрд╝реЗрд▓рд┐рдЬрд╝ рдХреЗ рд╕рд╛рде рд╕рдорд░реНрдерд┐рдд рдирд╣реАрдВ рд╣реИрдВред рдЬрдм рддрдХ рд╡реЗ рдЙрдкрд▓рдмреНрдз рдирд╣реАрдВ рд╣реЛ рдЬрд╛рддреЗ, рдЖрдк prop.custom
рдлрд╝рдВрдХреНрд╢рди рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рд╡рд╛рдкрд╕ рдЖ рд╕рдХрддреЗ рд╣реИрдВ рдЬреЛ рдЖрдкрдХреЗ рдЗрдЪреНрдЫрд┐рдд рдЧреБрдг рдмрдирд╛рддрд╛ рд╣реИ:
Html.svg [
prop.className "fill-current h-3 w-3"
prop.custom("viewBox", "0 0 20 20")
prop.custom("xmlns", "http://www.w3.org/2000/svg")
prop.children [
Html.path [
prop.custom("d", "M0 3h20v2H0V3zm0 6h20v2H0V9zm0 6h20v2H0v-2z")
]
]
]
рдмрд╣реБрдд рдмрдврд╝рд┐рдпрд╛, рдореИрдВ рд╡рд░реНрдХрдЕрд░рд╛рдЙрдВрдб рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░реВрдБрдЧрд╛ рдФрд░ рд╕рдордп-рд╕рдордп рдкрд░ рд╡рд╛рдкрд╕ рдЬрд╛рдБрдЪ рдХрд░реВрдБрдЧрд╛ :)
@heimeshoff рд▓рд╛рдкрддрд╛ рд╕реБрд╡рд┐рдзрд╛рдУрдВ рдХреЛ рдЬреЛрдбрд╝рдиреЗ рдХреЗ рд▓рд┐рдП
рдХреНрдпрд╛ рд╣рдо рдЗрд╕ рдореБрджреНрджреЗ рдХреЛ рдЦреБрд▓рд╛ рдЫреЛрдбрд╝ рд╕рдХрддреЗ рд╣реИрдВ? рдореИрдВ рдЗрд╕ рддрдереНрдп рдкрд░ рдзреНрдпрд╛рди рдирд╣реАрдВ рджреЗрдирд╛ рдЪрд╛рд╣рддрд╛ рдХрд┐ рд╣рдореЗрдВ рдЗрди рд╡рд┐рд╢реЗрд╖рддрд╛рдУрдВ рдХреЛ рдЬреЛрдбрд╝рдиреЗ рдХреА рдЖрд╡рд╢реНрдпрдХрддрд╛ рд╣реИред
рдореИрдВрдиреЗ рдЗрд╕реЗ рдФрд░ рдХрд┐рд╕реА рднреА рдЕрдиреНрдп рд▓рд╛рдкрддрд╛ рдПрд╕рд╡реАрдЬреА рддрддреНрд╡реЛрдВ/рд╡рд┐рд╢реЗрд╖рддрд╛рдУрдВ рдХреЛ рдЯреНрд░реИрдХ рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдПрдХ рдЕрд▓рдЧ рдореБрджреНрджрд╛ рдмрдирд╛рдпрд╛ рд╣реИред