css - Shaka-Player 开始全屏

Question

背景： 目前我正在制作一个演示项目，目的是了解 Shaka-Player 是否可以成为我们未来的可行选择。出于项目的目的，我无法使用标准控件，因为我们使用自定义控件。该项目正在 Reactjs 中开发。

问题： 如果不使用标准的“控件 - 全屏”方式，我应该如何让 Shaka-Player 从全屏开始？

提前致谢！

Answer 1

.requestFullscreen()通过调用视频元素 在 shaka 播放器上切换全屏。

*旁注，因为您提到您正在使用自定义控件：

根据这个问题，在 Chrome 中全屏显示视频元素会强制使用浏览器原生视频控件。针对此问题的建议解决方法是全屏显示包含您的视频元素和控件的元素。

Answer 2

我有类似的项目，这种方式对我有用

1. 您应该在没有 ui 的情况下构建 shaka player 以避免应用程序中不需要的代码
2. 您可以通过事件获取 shaka 播放器状态并将其映射到您的反应组件
3. 您应该在播放器和控件容器上使用 requestFullscreen。它适用于所有现代浏览器

唯一的问题是 Firefox画中画功能。浏览器会在没有 UI 的情况下将视频元素移动到右下角。