Reactjs 在react player中,如何禁用全屏按钮?
这是我当前用于渲染react播放器视频的代码Reactjs 在react player中,如何禁用全屏按钮?,reactjs,react-player,Reactjs,React Player,这是我当前用于渲染react播放器视频的代码 <div className="player"> <ReactPlayer url={result.url} playing={false} width={275} height={150}
<div className="player">
<ReactPlayer url={result.url}
playing={false}
width={275}
height={150}
onPlay={playVideo}
onEnded={stopVideo}
onPause={pauseVideo}
controls={true}
/>
</div>
您可以尝试将
控件
属性设置为false
,但它可能会隐藏一些您不想隐藏的控件
例如,如果您的url是Vimeo url,您可以尝试执行以下操作:
<ReactPlayer
url='http://vimeo.com/...'
vimeoConfig={{ iframeParams: { fullscreen: 0 } }}
/>
如果是youtube url,请尝试以下操作:
<ReactPlayer
url='https://www.youtube.com/watch?v=mFJZ0HaYYB8'
config={{
youtube: {
playerVars: { modestbranding: 1 }
}
}}
/>
查看页面,它可能也会有所帮助,或者在配置属性下的部分:)您可以尝试将
控件属性设置为false
,但它可能会隐藏一些您不想隐藏的控件
例如,如果您的url是Vimeo url,您可以尝试执行以下操作:
<ReactPlayer
url='http://vimeo.com/...'
vimeoConfig={{ iframeParams: { fullscreen: 0 } }}
/>
如果是youtube url,请尝试以下操作:
<ReactPlayer
url='https://www.youtube.com/watch?v=mFJZ0HaYYB8'
config={{
youtube: {
playerVars: { modestbranding: 1 }
}
}}
/>
在页面上看一看,可能也会有帮助,或者在Config prop部分下:)我尝试将控件设置为False,但现在它带来了一个“Youtube”水印,可以单击它并更改选项卡!但是非常感谢,官方组件页面正是我想要的。这是“fs”tagI尝试将控件设置为False,但现在它带来了一个“Youtube”水印,可以单击该水印并更改选项卡!但是非常感谢,官方组件页面正是我想要的。这是“fs”标签