#FullscreenButton

全屏切换按钮，具有键盘支持和状态反射功能。

#结构

<FullscreenButton />

#行为

切换全屏模式。通过 availability 检测平台支持 — 当全屏为 "unsupported" 时，切换操作无效。

#样式

你可以根据全屏状态设置按钮样式：

/* 全屏状态 */
.fullscreen-button[data-fullscreen] {
  background: red;
}

当不支持全屏时考虑隐藏按钮：

.fullscreen-button[data-availability="unsupported"] {
  display: none;
}

#无障碍

渲染一个 <button> 元素，带有自动的 aria-label："Enter fullscreen" 或 "Exit fullscreen"。可通过 label 属性覆盖。键盘激活：Enter / Space。

#示例

#基本用法

import { FullscreenButton } from '@videojs/react';

function Controls() {
  return <FullscreenButton />;
}

#API 参考

#属性

#状态

#Data 属性

#参见

• PiPButton - 画中画按钮
• PlayButton - 播放按钮
• Player.Container - 播放器容器