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
|