Я разрабатываю кросс-платформенное приложение с использованием cordova с интерфейсом angular.
Я использую HTML-теги видео в списке 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.
Поэтому я не хочу тратить время на разработку собственных пользовательских элементов управления видео только для андроида, если я могу помочь! Поэтому, пожалуйста, не публикуйте ответы о том, как это сделать (много уже доступно в SO и в других местах).
Я использую устройство андроида примечания Meizu m2.
Спасибо!
EDIT:
Элементы управления все еще присутствуют, но отображаются в дереве DOM тени в css как размер 0 x 0px. Даже когда я изменяю свой размер в инструментах chrome dev с использованием важного флага, они не отображаются.
Любые идеи?