Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/24.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Reactjs 在react player中,如何禁用全屏按钮?_Reactjs_React Player - Fatal编程技术网

Reactjs 在react player中,如何禁用全屏按钮?

Reactjs 在react player中,如何禁用全屏按钮?,reactjs,react-player,Reactjs,React Player,这是我当前用于渲染react播放器视频的代码 <div className="player"> <ReactPlayer url={result.url} playing={false} width={275} height={150}

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

<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”标签