javascript – 在cordova应用程序中全屏模式的纵向HTML5视频在Android设备上展开

2019年7月2日 218次阅读

当我在我的 Android设备上播放以横向拍摄的视频并进入全屏时,设备将保持纵向模式并可视地延伸视频.

进入全屏时,有没有办法强制视频不以纵向模式拉伸？但要保持横向,并且顶部和底部都有黑色边框.

《javascript – 在cordova应用程序中全屏模式的纵向HTML5视频在Android设备上展开》

《javascript – 在cordova应用程序中全屏模式的纵向HTML5视频在Android设备上展开》

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

最佳答案 我有一个类似的项目,在Android中的cordova应用程序中播放视频,我的视频不会以纵向全屏显示：

我不使用任何codova插件.这是自然行为.
也许你用一些CSS强制这种行为,如属性高度：100％.或类似的东西.

这是我的视频播放器指令的链接：https://github.com/Dammmien/Planete-cine/blob/master/src/js/directives/videoPlayer.js

点赞