Css 沙卡播放器全屏启动

上下文： 目前，我正在做一个演示项目，目的是了解沙卡玩家是否是我们未来可行的选择。 就项目而言，我无法使用标准控件，因为我们使用自定义控件。 该项目正在Reactjs中开发

问题： 我该如何让沙卡玩家在不使用标准“控制-全屏”方式的情况下从全屏开始

---

提前谢谢

通过调用视频元素上的

.requestFullscreen（）

在shaka player上切换全屏

*旁注：由于您提到您正在使用自定义控件：

---

，完全屏蔽Chrome中的视频元素，强制浏览器使用本机视频控件。对于这个问题，建议的解决方法是全屏显示包含视频元素和控件的元素。

我有类似的项目，这种方式适合我

您应该在没有ui的情况下构建shaka player，以避免应用程序中不需要的代码

您可以通过事件获取shaka玩家状态，并将其映射到您的react组件

您应该在播放器和控件容器上使用requestFullscreen。它适用于所有现代浏览器

唯一的问题是Firefox的画中画功能。浏览器会将视频元素移动到右下角，而不使用UI