Android Cordova - HTML5 视频全屏仅适用于第一个实例

问题描述 投票:0回答:0

我有一个使用 HTML5 标签的 Cordova 9.0 混合应用程序。在 iOS 上,视频效果很好,但在 Android 上,它们表现出以下行为:

  1. 在(应用程序运行的)第一个实例上点击全屏按钮按预期工作
  2. 在每个后续实例上点击全屏按钮不会将视频全屏 - 它会导致非常快速的屏幕闪烁而没有别的
  3. 如果您锁定->解锁手机-或转到主屏幕->重新打开应用程序-视频显示为全屏
  4. 硬关闭应用程序->打开它会从 #1 重新开始循环

我知道的几件事:

  • 查看 Chrome 开发人员工具,似乎 1) 在工作实例中,#top-layer 被分配给视频,2) 在损坏的实例中,#top-layer 没有被分配给视频
  • 在一个损坏的实例中,最大化通知抽屉不会导致视频全屏显示。
  • 运行 video_element.requestFullScreen() 和 video_element.webkitRequestFullScreen() 不返回任何错误
  • 全屏按钮在任何情况下都不会被禁用
  • 我还没有找到解决此问题的 setSystemUiVisibility 选项的配置(包括禁用 CordovaActivity.java 生命周期事件中的功能,以及禁用 cordova“全屏”首选项)
  • 较新的 Chrome 版本(不早于 Chrome 74)就是这种情况
  • 当我删除 100% 的 html/javascript 并且仅使用以下标记(基于 W3Schools HTML5 视频对象)进行操作时,情况仍然如此:

<html>
<head>
</head>
<body>
<video id="video1" style="width:600px;max-width:100%;" controls="">
<source src="https://www.w3schools.com/html/mov_bbb.mp4" type="video/mp4">
</video>
</body>
</html>

希望得到任何帮助!感谢阅读。

android cordova html5-video phonegap
© www.soinside.com 2019 - 2024. All rights reserved.