【React】视频播放器,ReactPlayer的使用

发布时间 2023-05-17 13:19:59作者: 维多利亚的巴黎世家
import React from 'react';
import ReactPlayer from 'react-player'//引入

const LiveBroadcast=()=>{
return<ReactPlayer
                className='react-player'
                url='....flv'//地址
                width='100%'//宽度
                height='100%'//高度
                playing={true}//是否自动播放
                controls//控制
            />
}
export default LiveBroadcast

API:

API

描述

默认值

url

URL

 

playing

设置自动播放

false

loop

设置循环

false

controls

设置为true或false以显示本机播放器控件

注意:Vimeo播放器控件是不可配置的,将始终显示

false

volume

设置适当播放器的音量

0.8

playbackRate

设置默认播放速率

1

width

播放器宽度

640

height

播放器高度

360

style

向根元素添加内联样式

 

progressFrequency

onProgress回调之间的时间,单位为毫秒

1000

playsinline

在支持的地方应用playsinline属性

false