在react播放器中，如何禁用全屏按钮

Question

这是我当前用于渲染react播放器视频的代码

<div className="player">
<ReactPlayer url={result.url}
playing={false}
width={275}
height={150}
onPlay={playVideo}
onEnded={stopVideo}
onPause={pauseVideo}
controls={true}
/>
</div>

Answer 1

<ReactPlayer
width={"100%"}
height={"100%"}
url="http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/ElephantsDream.mp4"
muted={true}
playing={true}
controls
config={{
file: {
attributes: {
controlsList: "nofullscreen",
},
},
}}
/>

Answer 2

您可以尝试将controls属性设置为false，但它可能会隐藏一些您不想隐藏的控件。

例如，如果你的url是Vimeo url，你可以尝试这样做：

<ReactPlayer
url='http://vimeo.com/...'
vimeoConfig={{ iframeParams: { fullscreen: 0 } }}
/>

如果它是一个youtube网址试试这个：

<ReactPlayer
url='https://www.youtube.com/watch?v=mFJZ0HaYYB8'
config={{
youtube: {
playerVars: { modestbranding: 1 }
}
}}
/>

看看这个页面，它可能也会有所帮助，或者在Config prop部分下的官方组件页面中：(