Video

The video player uses the Video component, and you just need to fill in the src attribute with the video playback URL.

The video playback URL can be a direct URL to an MP4 video file or a webpage URL corresponding to a video on major video platforms (no need for any processing; the system will automatically convert it to embedded video). Currently, the following video platforms are supported: Youku, Xigua Video, Tencent Video, YouTube, Vimeo, with more platforms to be supported in the future.

Insert a regular video file (such as mp4)

Code:

<Video src="https://file-examples.com/storage/fed61aafe466d6ba09946e8/2017/04/file_example_MP4_480_1_5MG.mp4"></Video>

Insert Youku video

Code:

<Video src="https://v.youku.com/v_show/id_XNDQ2MjMxMjg2NA==.html"></Video>

Insert Xigua video

Code:

<Video src="https://www.ixigua.com/7026980978811732517"></Video>

Insert Tencent video

Code:

<Video src="https://v.qq.com/x/cover/mzc003g3blhv6cz/m3500yb1qi5.html"></Video>

Setting Dimensions

Code:

<Video src="https://v.qq.com/x/cover/mzc003g3blhv6cz/m3500yb1qi5.html" size="small"></Video>

Setting Width/Height

Code:

<Video src="https://v.qq.com/x/cover/mzc003g3blhv6cz/m3500yb1qi5.html" width={360} height={240}></Video>

Parameter description

Video

src

string

The URL of video

required

Specify the URL of the video file to be played

size

string

optional

small、middle、large（width 100%）

width

number

optional

width(px)

height

number

optional

height(px)

Insert a regular video file (such as mp4)#

Insert Youku video#

Insert Xigua video#

Insert Tencent video#

Setting Dimensions#

Setting Width/Height#

Parameter description#

Insert a regular video file (such as mp4)

Insert Youku video

Insert Xigua video

Insert Tencent video

Setting Dimensions

Setting Width/Height

Parameter description