首页 > 解决方案 > HTML5 视频播放器在 ionic5 android 中不起作用

问题描述

我需要为网络、Android 和 IOS 创建一个带有字幕的视频播放器。所以我使用了 HTML5 视频播放器。它在 web 中运行良好,但在 android 设备中无法正常工作。在此处输入图像描述

代码

<div class="videoplayer-container>
  <video src="http://static.videogular.com/assets/videos/videogular.mp4"  #videoPlayer (click)="toggleVideo() ></video>
</div>

TS 代码

  toggleVideo() {
    if (this.videoplayer.nativeElement.paused) { 
      this.videoplayer.nativeElement.play();
    } else {
      this.videoplayer.nativeElement.pause();
    }
  }

标签: androidangularcordovaionic-frameworkionic4

解决方案


您可以在 Android Studio 中使用 Logcat 查看应用程序日志,并在 Chrome 中使用远程设备检查来检查错误是什么。


推荐阅读