2016-08-01 8 views
5

I you tube Videos am Einbettung in meiner Ulme Probe application.So zu implementieren ich den Code Ulme Video schreibe, wie eingebettete Videos in Ulme Anwendung

[ embed [ attribute "-video" "", attribute "api" "1", attribute "height" "100%", href "//vimeo.com/111690998", attribute "iframe-id" "vimeo1", attribute "player_id" "vimeo1", attribute "width" "100%" ] 
    [] 
    , a [ href "//vimeo.com/111690998" ] 
    [ text "Watch" ] 
] 

aber ich bin einige Fehler von embed-Video-Elemente immer

Bitte helfen Sie mir, diese Funktion zu aktivieren.

Antwort

7

Sie können Embed-Code (HTML) einfach in Elm-Code übersetzen.

Zum Beispiel bei youtube ...

import Html exposing (..) 
import Html.Attributes exposing (..) 
import Json.Encode 

videoframe = 
    iframe 
    [ width 560 
    , height 315 
    , src "https://www.youtube.com/embed/test" 
    , property "frameborder" (Json.Encode.string "0") 
    , property "allowfullscreen" (Json.Encode.string "true") 
    ] 
    [] 
+0

Dank @Tosh für Ihre Hilfe –

+1

ich graste, was über Eigenschaften zu tun, die keinen Wert angegeben werden, und die „wahre“ hint Oben war sehr nützlich! FWIW, Eigenschaft funktionierte für mich nicht für diese Attribute (bisher nur in Chrome getestet). "Attribut" tut dies jedoch. Der Bug ist schwer zu bemerken - wie es immer noch funktioniert, nur ohne Vollbild oder randloses Video! –

Verwandte Themen