Are you expecting the stream to be anything other than 16x9? The iframe will resize itself to fit th
Are you expecting the stream to be anything other than 16x9? The iframe will resize itself to fit the parent div already

liveInput field, with the value being the ID of the live input. When a stream is started, and a webhook is sent, that webhook will contain the video ID, which you can use to start some other process


<iframe
src="https://customer-<CODE>.cloudflarestream.com/<VIDEO_UID>/iframe"
style="border: none"
height="720"
width="1280"
allow="accelerometer; gyroscope; autoplay; encrypted-media; picture-in-picture;"
allowfullscreen="true"
id={{ video_id }}
></iframe>
<script src="https://embed.cloudflarestream.com/embed/sdk.latest.js"></script>
<script>
function handleSeen(video_id) {
const player = Stream(document.getElementById(video_id));
player.play().catch(() => {
console.log('playback failed, muting to try again');
player.muted = true;
player.play();
});
}
</script>Pending Upload stage, we have many users who upload to our account and it would be super helpful to get upload percentage on our endrtmps://live.cloudflare.com:443/live/rtmps://live.pyxsy.io/live/
<iframe
src="https://customer-<CODE>.cloudflarestream.com/<VIDEO_UID>/iframe"
style="border: none"
height="720"
width="1280"
allow="accelerometer; gyroscope; autoplay; encrypted-media; picture-in-picture;"
allowfullscreen="true"
id={{ video_id }}
></iframe>
<script src="https://embed.cloudflarestream.com/embed/sdk.latest.js"></script>
<script>
function handleSeen(video_id) {
const player = Stream(document.getElementById(video_id));
player.play().catch(() => {
console.log('playback failed, muting to try again');
player.muted = true;
player.play();
});
}
</script>