HTML5<Video />
标签支持通过disablepictureinpicture
属性禁用此功能。这仍然是一项实验性功能,可能不适用于所有浏览器。
disablePictureInPicture
通过 ReactPlayer 的配置传递html 属性。如果画中画控件没有消失,请尝试设置controlsList: 'nodownload'
。
const config = {
attributes: {
disablePictureInPicture: true,
controlsList: 'nodownload'
}
};
const App = () => (
<div style={styles}>
<ReactPlayer
url="https://bitdash-a.akamaihd.net/content/MI201109210084_1/m3u8s/f08e80da-bf1d-4e3d-8899-f0f6155f6efa.m3u8"
playing={true}
volume={1}
width="100%"
height="100%"
config={config}
controls
/>
<h2>Start editing to see some magic happen {'\u2728'}</h2>
</div>
);