YouTube stream embed + stream chat
Koda za embed video posnetka ali live streama iz YouTube strani fiksne dimenzije
<iframe width="1237" height="696" src="https://www.youtube.com/embed/zTaJdpUipdo" title="Test stream embed to page" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
Koda za vgradnjo YouTube chata v spletno stran
-kjer piše domain se vnese simongrizonic.si ali www.simongrizonic.si, odvisno kako imamo urejeno domeno.
-kjer piše VIDEO ID vnesemo specifičen ID od video posnetka live streama
https://www.youtube.com/live_chat?v=VIDEOID&embed_domain=DOMAINURL
Celotna koda za vgradnjo CHATa na stran:
<iframe width="900" height="696" src="https://www.youtube.com/live_chat?v=zTaJdpUipdo&embed_domain=www.simongrizonic.si" title="Test stream embed to page" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
Responsive YouTube okno
<html>
<head>
<title></title>
<style type"text/css">
.container{
max-width: 1000px;
margin: 0 auto;
}
.yt-holder{
position: relative;
overflow: hidden;
height: 0;
padding-bottom: 56.25%;
}
.yt-holder > iframe{
position: absolute;
top: 0;
bottom: 0;
left: 0;
border: 0;
width: 100%;
height: 100%;
}
</style>
</head>
<body>
<div class="container">
<div class="yt-holder">
<iframe width="560" height="315" src="https://www.youtube.com/embed/zTaJdpUipdo" title="Test stream embed to page" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
</div>
</body>
</html>