Shaka-Player开始全屏

Shaka-Player start fullscreen

上下文: 目前我正在制作一个演示项目,目的是找出 Shaka-Player 将来是否对我们来说是可行的选择。 出于项目的目的,我无法使用标准控件,因为我们使用自定义控件。 该项目正在使用 Reactjs 开发。

问题: 我应该如何让 Shaka-Player 在不使用标准 "controls - fullscreen" 方式的情况下从全屏启动?

提前致谢!

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

*自从您提到您正在使用自定义控件后请注意:

According to this issue,在 Chrome 中全屏显示视频元素会强制使用浏览器原生视频控件。针对此问题的建议解决方法是全屏显示包含视频元素和控件的元素。

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

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

唯一的问题是 Firefox 画中画 功能。浏览器会将视频元素移动到没有 UI.

的右下角