android - HTML5 视频控件在 Android 设备的全屏模式下消失

标签 android cordova html5-video android-fullscreen html5-fullscreen

我正在使用带有棱角 Material 前端的 cordova 开发跨平台应用。

我在 md-cards 列表中使用 HTML5 video 标签来播放带有外部 url 的视频。当内联视频正确播放时,并按预期显示 native 控件。

    <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>

但是,当我单击“切换全屏”按钮时,视频会进入全屏,但默认控件会消失。之后我无法返回应用程序 - native android 后退按钮不会关闭全屏 - 而是关闭整个应用程序。

我正在寻找的解决方案将使控件即使在全屏模式下也始终出现;这可以解决在 iOS 上运行相同代码的问题。

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

我使用的是魅族 note 安卓设备。

谢谢!

编辑:

控件仍然存在,但显示在 css 的影子 DOM 树中,大小为 0 x 0 像素。即使我使用 !important 标志在 chrome 开发工具中更改它们的大小,它们也不会显示。

有什么想法吗?

最佳答案

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

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

关于android - HTML5 视频控件在 Android 设备的全屏模式下消失,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41920795/

相关文章:

HTML5 视频标签访问进度事件属性已加载和总计

java - 如何从包含自己数组的对象数组中获取n条记录

android - react 导航 : Missing prop at top level component

html - 如何在 Windows 8 Phone 上访问本地 HTML 文件?

ffmpeg - 什么 H.264 编码配置文件在 2017 年被认为是 "safe"?

javascript - 将 HTML5 Canvas (视频)元素分割成多个部分

android - 访问 SOAP Web 服务

android - 如何从 OMXCodec 解码输出中转储 YUV

cordova - 运行cordova运行android时如何修复只读文件系统?

android - Phonegap 应用程序,4.x androids 的字体问题