YouTubePlayerのAngular2の高さを調整する方法

Question

私はAngular2を使って開発された私のウェブサイトにYouTubeビデオを埋め込みます。私はこのためにvideo-playerと呼ばれる小さなコンポーネントを作成し、次のように私は.tsでプレイヤーを開始しています：

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

あなたは私が自分自身.tsにプレーヤーの高さを制御しています見ることができるように。この高さを.cssで制御できますか？

なぜ高さを制御したいのですか.css？

ビューポートの高さに合わせてサイズを調整できます。私はそれが80vhであることを望みます。

これまで何を試みましたか？

1. は.tsに80vhにプレーヤーの高さを変更しようとしたが、うまくいきませんでした。多分、タイプスクリプトは値を取るだけです。
2. 次の.cssクラスを希望の高さで作成しようとしましたが、機能しませんでした。

CSS：

.player { 
    height: 80vh; 
} 

HTML：

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

Answer 1

はこれを試してみてください：

あなたのdivが2クラス名と1つのIDを持っている...そうとCSSに特異的であるように特定の電話をかけるために必要な複数のクラスおよび/またはID。

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

あなたのCSSコールが、私はこれで何が起こるか知っているこの

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

ようになるはずです。