Skip to content
Starlight Videos

Video Player

To manually embed a video in a page, use the <VideoPlayer> component. This can be useful to display an introduction video for a course in a collection page for example.

Preview
Play

Import

Section titled “Import”
import { VideoPlayer } from 'starlight-videos/components'

Usage

Section titled “Usage”

Display a video using the <VideoPlayer> component and provide a link attribute to the video URL. A manually embedded video can be useful to display an introduction video for a course in a collection page.

import { VideoPlayer } from 'starlight-videos/components'


<VideoPlayer link="https://www.youtube.com/watch?v=5u0Ds7wzUeI" />
Preview
Play

<VideoPlayer> Props

Section titled “<VideoPlayer> Props”

The <VideoPlayer> component accepts the following props:

Section titled “link”

required
type: string

The link to the video to display in the video player.