rsignavong / elm-cloudinary-video-player / CloudinaryVideoPlayer

This library will load the Custom Html Element into the DOM.

HTML Element

view : List (Html.Attribute msg) -> List (Html msg) -> Html msg

Renders a Cloudinary Video Player instance

view
    [ CldVideoPlayer.cloudName "cloudname"
    , CldVideoPlayer.videoId "id-123"
    , CldVideoPlayer.videoTitle "My great video"
    , CldVideoPlayer.publicId "folder/public_id"
    , CldVideoPlayer.urlTransformation "w_940,h_354,c_limit"
    , CldVideoPlayer.controls True
    ]
    []

Attributes

analytics : Basics.Bool -> Html.Attribute msg

Activate the analytics

See Cloudinary Video Player API reference for more information and Cloudinary Video Player Attributes for details

autoShowRecommendations : Basics.Bool -> Html.Attribute msg

Display videos recommendations

See Cloudinary Video Player API reference for more information and Cloudinary Video Player Attributes for details

autoplay : Basics.Bool -> Html.Attribute msg

Sets video autoplay on load

See Cloudinary Video Player API reference for more information and Cloudinary Video Player Attributes for details

autoplayMode : String -> Html.Attribute msg

Sets video autoplay additional mode on load

See Cloudinary Video Player API reference for more information and Cloudinary Video Player Attributes for details

cloudName : String -> Html.Attribute msg

Sets Cloudinary cloudname to build video URL

See Cloudinary Video Player API reference for more information and Cloudinary Video Player Attributes for details

controls : Basics.Bool -> Html.Attribute msg

Display video player controls

See Cloudinary Video Player API reference for more information and Cloudinary Video Player Attributes for details

crop : String -> Html.Attribute msg

Sets video crop transformation

See Cloudinary Video Player API reference for more information and Cloudinary Video Player Attributes for details

fluid : Basics.Bool -> Html.Attribute msg

Activate video fluid mode

See Cloudinary Video Player API reference for more information and Cloudinary Video Player Attributes for details

fontFace : String -> Html.Attribute msg

Sets font face to all texts displayed on video player

See Cloudinary Video Player API reference for more information and Cloudinary Video Player Attributes for details

height : Basics.Int -> Html.Attribute msg

Sets transformation height property of video

See Cloudinary Video Player API reference for more information and Cloudinary Video Player Attributes for details

loop : Basics.Bool -> Html.Attribute msg

Activate looping mode of video player

See Cloudinary Video Player API reference for more information and Cloudinary Video Player Attributes for details

muted : Basics.Bool -> Html.Attribute msg

Mute the sounds on video play

See Cloudinary Video Player API reference for more information and Cloudinary Video Player Attributes for details

pause : Html.Attribute msg

Pause the playing video

See Cloudinary Video Player API reference for more information and Cloudinary Video Player Attributes for details

play : Html.Attribute msg

Play the current video

See Cloudinary Video Player API reference for more information and Cloudinary Video Player Attributes for details

preload : String -> Html.Attribute msg

Preload data on video load

See Cloudinary Video Player API reference for more information and Cloudinary Video Player Attributes for details

publicId : String -> Html.Attribute msg

Sets the Cloudinary video to play

See Cloudinary Video Player API reference for more information and Cloudinary Video Player Attributes for details

stop : Html.Attribute msg

Stop the playing video and set video time to 0

See Cloudinary Video Player API reference for more information and Cloudinary Video Player Attributes for details

urlTransformation : String -> Html.Attribute msg

Sets the video transformation for browser HTML5 native video player in case the Cloudinary Video Player is not loaded

See Cloudinary Video Player API reference for more information and Cloudinary Video Player Attributes for details

videoId : String -> Html.Attribute msg

Sets the Id of video HTML tag, used by the WebComponent to load the Cloudinary Video Player

See Cloudinary Video Player API reference for more information and Cloudinary Video Player Attributes for details

videoTitle : String -> Html.Attribute msg

Sets the Title of the video

See Cloudinary Video Player API reference for more information and Cloudinary Video Player Attributes for details

width : Basics.Int -> Html.Attribute msg

Sets transformation width property of video

See Cloudinary Video Player API reference for more information and Cloudinary Video Player Attributes for details