如何在组件中使用Angular 6项目中的YouTube Api而不是root

问题描述 投票:0回答:1

所以这里有一个问题,如何在角度项目中使用Youtube Api,精确组件?

我在html中调用了youtube api脚本,并制作了一个常规的api嵌入脚本来调用<div id="player"></div>和视频/ iframe,但只在根路径中,而不是在我想要的其他组件中。其他组件中的视频不会被脚本触发,div保持不变。

如何实现这一点,为其他组件工作?

最重要的是,我使用div与点击功能在暂停和播放之间切换,所以基本上我想用视频操作而不用触摸YouTube控件。角度项目导航由键盘控制,因此youtube控件和项目会发生碰撞。

怎么实现这个呢?

angular typescript youtube-api components
1个回答
1
投票

你好我建议你使用这个npm库... https://www.npmjs.com/package/ngx-youtube-player非常容易使用你的角度应用程序支持角度5+

也是https://stackblitz.com/edit/ngx-youtube-player?file=src%2Fapp%2Fapp.module.ts的例子

© www.soinside.com 2019 - 2024. All rights reserved.