首页 文章

grab youtube在离子3应用程序中嵌入视频事件

提问于
浏览 次
5

在我的离子应用程序中，我列出了youtube嵌入视频如下：

<iframe allowfullscreen frameborder="0" height="200" width="100%" [src]="video.url">
      </iframe>

video.url是从以下函数生成的

generateVideoUrl(videoId) {
    return this.sanitizer.bypassSecurityTrustResourceUrl("https://www.youtube.com/embed/" + videoId + "?rel=0&amp;showinfo=0");
  }

它工作正常，但我也想捕获像youtube视频暂停，或结束，或开始播放等事件 . 我试图导入此http://brandly.github.io/angular-youtube-embed/#/并使用我的ionic3应用程序，但这给出错误'angular is not defined' . Ionic确实使用了角度，但可能会使用不同的角度来生成角度未定义的误差 .

谢谢你的帮助 .

angular typescript ionic-framework youtube ionic3

1 回答

  • 1

    您不需要在离子应用程序上使用嵌入式youtube框架 . 您可以使用native Youtube Video Player plugin .

    Play Youtube Videos in a native Video Player on Android & iOS

    离子cordova插件添加cordova-plugin-youtube-video-player npm install --save @ ionic-native / youtube-video-player

    .TS

    import { YoutubeVideoPlayer } from '@ionic-native/youtube-video-player';

constructor(private youtube: YoutubeVideoPlayer) { }

this.youtube.openVideo('myvideoid');

    在app.module.ts中，还“导入”YoutubeVideoPlayer并将其添加到“providers”部分 .

    这是Git repo . 请查看此链接以获取更多说明，包括添加YouTube API密钥 .

    回复于

相关问题