111

src/app/about/about.component.html

@@ -1 +1,6 @@
-<p>about works!</p>
+<iframe width="560" height="315"
+        src="https://www.youtube.com/embed/8GsOkFc7NdQ" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay;
+        clipboard-write; encrypted-media; gyroscope; picture-in-picture"
+        allowfullscreen>
+
+</iframe>

src/app/about/about.component.ts

@@ -4,8 +4,8 @@ import { ApiChatService } from '../api-chat.service';
 
 @Component({
   selector: 'app-about',
-  template: `<iframe src="https://www.youtube.com/watch?v=xcNFyPciZ0g&list=RDxcNFyPciZ0g&start_radio=1"
-   width="560" height="315" frameborder="0" allowfullscreen></iframe>`
+  templateUrl: `about.component.html`,
+  styleUrls: [`./about.component.css`]
 })
 export class AboutComponent implements OnInit {
 // это комментарий