Cześć,
Mam problem z załadowaniem skryptu odtwarzacza yt na stronę. Nie wyświetla mi się nawet sama miniatura filmu i nie wiem czemu tak się dzieje.
cam1.component.html
<html>
<body>
<div id="player"></div>
<script>
var tag = document.createElement('script');
tag.src = "https://www.youtube.com/iframe_api";
var firstScriptTag = document.getElementsByTagName('script')[0];
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
var player;
function onYouTubeIframeAPIReady() {
player = new YT.Player('player', {
height: auto,
width: auto,
videoId: 'M7lc1UVf-VE',
events: {
'onReady': onPlayerReady,
'onStateChange': onPlayerStateChange
}
});
}
function onPlayerReady(event) {
event.target.playVideo();
}
var done = false;
function onPlayerStateChange(event) {
if (event.data == YT.PlayerState.PLAYING && !done) {
setTimeout(stopVideo, 6000);
done = true;
}
}
function stopVideo() {
player.stopVideo();
}
</script>
</body>
</html>
app.component.html
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="app.component.css">
</head>
<body>
<div class="navigation">
<app-options></app-options>
</div>
<div class="row">
<div class="col"><app-cam1></app-cam1></div>
<div class="col"><app-cam2></app-cam2></div>
<div class="col"><app-cam3></app-cam3></div>
<div class="col"><app-cam4></app-cam4></div>
<div class="col"><app-cam5></app-cam5></div>
<div class="col"><app-cam6></app-cam6></div>
</div>
</body>