La vidéo HTML5 en portrait en mode plein écran dans l'application Cordova est étirée sur les appareils Android

Question

Lorsque je lis une vidéo filmée en orientation paysage sur mon appareil Android et que je passe en mode plein écran, l'appareil reste en mode portrait et étire horriblement la vidéo.

Existe-t-il un moyen de forcer la vidéo à ne pas s'étirer en mode portrait lorsqu'elle passe en plein écran ? Mais de rester en orientation paysage, et d'avoir des bordures noires en haut et en bas.

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

Answer 1

J'ai un projet similaire qui lit une vidéo dans une application Cordova sous Android et ma vidéo ne s'étire pas en plein écran portrait :

Je n'utilise pas de plugin codova. C'est le comportement naturel. Peut-être que vous forcez ce comportement avec une CSS comme une propriété height : 100%. Ou quelque chose comme.

Voici le lien de ma directive sur le lecteur vidéo : https://github.com/Dammmien/Planete-cine/blob/master/src/js/directives/videoPlayer.js