Feliz: IFrame рдФрд░ SVG рд╡рд┐рд╢реЗрд╖рддрд╛рдПрдБ рд╕реЗрдЯ рдирд╣реАрдВ рдХрд░ рд╕рдХрддрд╛

рдХреЛ рдирд┐рд░реНрдорд┐рдд 29 рдЕрдкреНрд░реИрд▓ 2020  ┬╖  6рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ  ┬╖  рд╕реНрд░реЛрдд: Zaid-Ajaj/Feliz

рдПрдХ рд╡реЗрдмрд╕рд╛рдЗрдЯ рдкрд░ 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?
                      ]
                    ]
                  ]
Feliz enhancement good first issue

рд╕рднреА 6 рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

рд╣рд╛рдп @рд╣рд╛рдЗрдорд╢реЙрдл ,

iframe рд╡рд┐рд╢реЗрд╖рддрд╛рдУрдВ рдХреЛ рдЗрди рдХрд╛рд░рдгреЛрдВ рд╕реЗ рд╢рд╛рдорд┐рд▓ рдирд╣реАрдВ рдХрд┐рдпрд╛ рдЧрдпрд╛ рдерд╛:

  • allowFullScreen - рд╡рд┐рд░рд╛рд╕рдд рд╡рд┐рд╢реЗрд╖рддрд╛, 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 рд▓рд╛рдкрддрд╛ рд╕реБрд╡рд┐рдзрд╛рдУрдВ рдХреЛ рдЬреЛрдбрд╝рдиреЗ рдХреЗ рд▓рд┐рдП

рдХреНрдпрд╛ рд╣рдо рдЗрд╕ рдореБрджреНрджреЗ рдХреЛ рдЦреБрд▓рд╛ рдЫреЛрдбрд╝ рд╕рдХрддреЗ рд╣реИрдВ? рдореИрдВ рдЗрд╕ рддрдереНрдп рдкрд░ рдзреНрдпрд╛рди рдирд╣реАрдВ рджреЗрдирд╛ рдЪрд╛рд╣рддрд╛ рдХрд┐ рд╣рдореЗрдВ рдЗрди рд╡рд┐рд╢реЗрд╖рддрд╛рдУрдВ рдХреЛ рдЬреЛрдбрд╝рдиреЗ рдХреА рдЖрд╡рд╢реНрдпрдХрддрд╛ рд╣реИред

рдореИрдВрдиреЗ рдЗрд╕реЗ рдФрд░ рдХрд┐рд╕реА рднреА рдЕрдиреНрдп рд▓рд╛рдкрддрд╛ рдПрд╕рд╡реАрдЬреА рддрддреНрд╡реЛрдВ/рд╡рд┐рд╢реЗрд╖рддрд╛рдУрдВ рдХреЛ рдЯреНрд░реИрдХ рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдПрдХ рдЕрд▓рдЧ рдореБрджреНрджрд╛ рдмрдирд╛рдпрд╛ рд╣реИред

рдХреНрдпрд╛ рдпрд╣ рдкреГрд╖реНрда рдЙрдкрдпреЛрдЧреА рдерд╛?
0 / 5 - 0 рд░реЗрдЯрд┐рдВрдЧреНрд╕

рд╕рдВрдмрдВрдзрд┐рдд рдореБрджреНрджреЛрдВ

alfonsogarciacaro picture alfonsogarciacaro  ┬╖  5рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

cmeeren picture cmeeren  ┬╖  4рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

cmeeren picture cmeeren  ┬╖  6рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

Dzoukr picture Dzoukr  ┬╖  9рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

7sharp9 picture 7sharp9  ┬╖  7рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ