I want the parent to fit the iframe, not the inverse
I want the parent to fit the iframe, not the inverse

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/
liveInput<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 Uploadrtmps://live.cloudflare.com:443/live/rtmps://live.pyxsy.io/live/