HTML5视频控件在Android设备上以全屏模式消失

Question

我正在使用带有角度材料前端的cordova开发一个跨平台应用程序.

我在md-card列表中使用HTML5视频标签来播放带有外部网址的视频.内联时视频播放正确,并按预期显示本机控件.

    <video class="project-video" video-directive item="$ctrl.project" ng-src="{{$ctrl.project.videoUrl | trustUrl}}" preload="auto"
      controls poster="{{$ctrl.project.video.thumbnail_url}}">
      Your browser does not support the video tag.
    </video>

但是,当我单击"切换全屏"按钮时,视频会进入全屏,但默认控件会消失.在此之后我无法回到应用程序 - 本机安卓后退按钮不会关闭整个屏幕 - 而是关闭整个应用程序.

我正在寻找的解决方案将使控件始终显示在全屏模式下; 这可以解决在iOS上运行相同代码的框.

因此,我不想花时间为Android开发我自己的自定义视频控件,如果我可以帮助它!因此,请不要发布关于如何做到这一点的答案(SO和其他地方已有很多).

我正在使用魅族m2注意Android设备.

谢谢!

编辑:

控件仍在那里,但在css的阴影DOM树中显示为大小为0 x 0px.即使我使用!important标志在chrome dev工具中更改它们的大小,它们也不会显示出来.

有任何想法吗？

Answer 1

这是魅族设备使用的 Flyme 操作系统的问题。由于控件可用且不可见，因此应通过升级 Flyme 操作系统来解决此问题。

请更新 Flyme 操作系统来解决此问题，因为旧版本的 Flyme 似乎在全屏视频模式下存在一些问题。希望能帮助到你。干杯