Question

在我的phonegap android应用程序中，我使用了HTML5标签来播放视频。我的整个应用程序都处于纵向模式。但我想以横向模式播放视频。

我使用了以下代码：

<video controls="" id="video_player_control"><source src="http://192.254.5.6/somevideo/Inception.mp4" type="video/mp4"></video>

这适用于iOS phonegap应用程序，即视频正在iOS横向模式下播放。但是在Android视频上不会旋转。

任何形式的帮助表示赞赏。提前谢谢，

Answer 1

试试这个

添加此config.xml值：

<preference name="orientation" value="portrait"/>

然后将方向设置为横向

video.addEventListener('playing', function() {
     var so = cordova.plugins.screenorientation;
     so.setOrientation(so.Orientation.LANDSCAPE);
}, false);

请参阅此链接landscape

Answer 2

试试这个。它为我工作

cordova.require('cordova/plugin/screenorientation').set("landscape");

选中此项可能会有所帮助https://github.com/jaeger25/Html5Video

Answer 3

HTML

<video id="video1"><source src="url" type="video/mp4" /></video>

CSS

 video#video1 {
position:fixed;
margin-top:32%;
margin-left:-39%;
-moz-transform:scale(1) rotate(90deg);
  -webkit-transform:scale(1) rotate(90deg);
  -o-transform:scale(1) rotate(90deg);
  -ms-transform:scale(1) rotate(90deg);
  transform:scale(1) rotate(90deg); }

如何在横向模式下播放HTML5 <video> for phonegap android application </video>

3 个答案: