VideoContentNode

VideoContentNode component for specifying video playback content

import { VideoContentNode } from "@roku-sdk/components";

VideoContentNode(props: IVideoContentNodeProps): JSX.Element

Description

VideoContentNode component for specifying video playback content.

A convenience wrapper around ContentNode used specifically for configuring video content with stream URL and format. Typically used as a child of a Video node.

Parameters

Name	Type	Description
`props`	IVideoContentNodeProps

Example

<video>
    <VideoContentNode
        title="Sample Video"
        url="https://example.com/stream.m3u8"
    />
</video>

Types

IVideoContentNodeProps

Properties for a video-specific ContentNode.

Extends IContentNodeProps with video stream URL and format fields commonly used when configuring a Scene Graph Video node's content.

Name	Type	Description
`streamformat?`	`string`	The stream format of the video content (SceneGraph field `streamformat`). See below.
`url?`	`string`	Stream URL for the video content. Overrides the base `url` field for explicit video use.

Extends IContentNodeProps.

IVideoContentNodeProps.streamformat

The stream format of the video content (SceneGraph field streamformat).

Valid values: "mp4", "hls", "ism", "dash", "mkv".