Я разрабатываю кросс-платформенное приложение, используя кордову с интерфейсом углового материала.
Я использую видеотеги HTML5 в списке md-карт для воспроизведения видео с внешними URL-адресами. Когда встроенные видео воспроизводятся правильно и отображают собственные элементы управления, как и ожидалось.
<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>
Однако, когда я нажимаю кнопку «переключить в полноэкранный режим», видео переходит в полноэкранный режим, но элементы управления по умолчанию исчезают. После этого я не могу вернуться в приложение - родная кнопка возврата Android не закрывает весь экран - вместо этого закрывается все приложение.
Решение, которое я ищу, заставит элементы управления всегда отображаться даже в полноэкранном режиме; это работает с тем же кодом на iOS.
Поэтому я не хочу тратить время на разработку собственных пользовательских элементов управления видео только для Android, если я могу помочь! Поэтому, пожалуйста, не публикуйте ответы о том, как это сделать (много уже доступно на SO и в других местах).
Я использую Android-устройство Meizu m2 note.
Спасибо!
РЕДАКТИРОВАТЬ:
Элементы управления все еще там, но отображаются в теневом дереве DOM в css как имеющие размер 0 x 0px. Даже когда я изменяю их размер в инструментах разработчика Chrome, используя флаг !important, они не отображаются.
Любые идеи?