OStack程序员社区-中国程序员成长平台

标题: android - Ionic 3 - 无法在 iOS 手机中打开视频 [打印本页]

---

作者: 菜鸟教程小白    时间: 2022-12-13 02:38
标题: android - Ionic 3 - 无法在 iOS 手机中打开视频

我试图找出当我在 iPhone 或类似设备上运行我的应用程序时视频没有被执行的原因。但是，当我在 Android 上运行它时可以执行。 Cordova 有问题吗？有没有人遇到过同样的问题？谢谢

TS:

export class PlayerVideoPage {
  public source: String = '';
  public title: String = '';

  constructor(public navCtrl: NavController, public navParams: NavParams, public orientation: OrientationService) {
    this.source = navParams.get('url');
    this.title = navParams.get('title');

    this.orientation.unlock()
  }

   dismiss() {
    this.navCtrl.pop();
    this.orientation.lock()
  }

  ngOnDestroy() {
   this.orientation.lock();
  }

  loadVideo() {
      return './assets/learn/videos/' + this.source;
  }
}

HTML:

<ion-content padding>
  <h4 text-center>{{title}}</h4>
  <ion-grid>
    <ion-row>
      <video controls playsinline>
        <source [src]="loadVideo()"
            type='video/mp4;'/>
      </video>
    </ion-row>
    <ion-row class="button-controls">
      <button ion-button icon-only round (click)="dismiss()">
         <ion-icon name="close"></ion-icon>
      </button>
    </ion-row>
  </ion-grid>
</ion-content>

iOS:

安卓:

---

Best Answer-推荐答案

您可以在 config.xml 中添加以下行:

config.xml

<preference name="AllowInlineMediaPlayback" value="true" />

关于android - Ionic 3 - 无法在 iOS 手机中打开视频，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/46432882/

---

欢迎光临 OStack程序员社区-中国程序员成长平台 (https://ostack.cn/)

Powered by Discuz! X3.4