javascript - HTML5 video in portrait in fullscreen mode in cordova app is stretched on Android devices -


when play video filmed in landscape orientation on android device , enter fullscreen device stays in portrait mode , stretches video horribly.

is there way force video not stretch in portrait mode when entering fullscreen? remain in landscape orientation, , have black borders top , bottom.

normal aspect ratio

stretched in portrait mode

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

i have similar project play video in cordova app in android , video doesn't stretch in portrait fullscreen :

enter image description here

i don't use codova plugin. it's natural behavior. maybe force behavior css property height: 100%. or like.

this link of video player directive : https://github.com/dammmien/planete-cine/blob/master/src/js/directives/videoplayer.js


Comments

Popular posts from this blog

inversion of control - Autofac named registration constructor injection -

verilog - Systemverilog dynamic casting issues -

ios - Change Storyboard View using Seague -