如何在Angular2

Question

我将YouTube视频嵌入到使用Angular2开发的网站中。我为此创建了一个名为video-player的小组件，我在.ts中启动播放器，如下所示：

ngOnInit(): void {
this.player = YouTubePlayer('video-player', {
      videoId: this.videoPlayerData.videoURL,
      width: "100%",
      height: "400"
    });
}

正如您所看到的，我正在.ts本身控制玩家的身高。我可以在.css？

中控制此高度

为什么我要在.css中控制身高？

因为那时我可以根据视口高度调整大小。我希望它是80vh。

到目前为止我尝试了什么？

1. 尝试将玩家身高更改为80vh中的.ts，但无效。可能打字稿只取值。
2. 尝试创建具有所需高度的.css级别，但没有效果。

的CSS：

.player {
    height: 80vh;
}

HTML：

<div class="aspect-ratio player" id='video-player'></div>

Answer 1

试试这个：

你的div有2个类名和一个ID ...所以要在具有多个类和/或ID的CSS中具体，你需要进行特定的调用。

<div class="aspect-ratio" id="video-player"></div>

你的CSS调用看起来应该是这样的

video-player.aspect-ratio {
  height: 80vh;
}

让我知道这会发生什么。