Cloudflare Stream is a live streaming and on-demand video platform, which can ingest, encode, record, and play videos from one unified product.
Below is an example of how the Stream player looks like.
Recorded on the 24th of June 2021
How the standard iframe code looks like:
<div style="position: relative; padding-top: 56.25%;"><iframe-t src="https://iframe.videodelivery.net/9cf77fb7ecace7507d37e0f71687fa09" style="border: none; position: absolute; top: 0; left: 0; height: 100%; width: 100%;" allow="accelerometer; gyroscope; autoplay; encrypted-media; picture-in-picture;" allowfullscreen="true"></iframe-t></div>
In order to add a video thumbnail, we can add the poster query with parameters such as time:
?poster=https%3A%2F%2Fvideodelivery.net%2F9cf77fb7ecace7507d37e0f71687fa09%2Fthumbnails%2Fthumbnail.jpg%3Ftime%3D4m42s
In order to add some branding to our video, we can add the primaryColor query with our color:
&primaryColor=%23ff8c00
Recorded on the 24th of November 2021
Recorded on the 20th of Januar 2022
Combining Cloudflare Workers, Pages, Access, and Stream, you can actually build your next video application on Cloudflare!
The information contained on this website is for general information and educational purposes only. This website is not affiliated with the company Cloudflare, nor does it represent Cloudflare in any way.