Player & Playback

Stream comes with a standard web player with a number of features built in:

  • built-in analytics reporting

  • adaptive bitrate streaming

  • robust API to control and customize the player behavior

  • ability to build custom user interfaces and CTAs

    It works with any video uploaded to Cloudflare Stream right out of the box. The embed code looks like this:

Using HTML attributes to customize

You can have your videos autoplay without any controls displayed, by modifying the HTML tag attributes.

Learn more about <stream> element attributes.

<stream src="5d5bc37ffcf54c9b82e996823bffbb81" autoplay muted preload height="240px" width="480px"></stream>
<script data-cfasync="false" defer type="text/javascript" src=""></script>

Javascript API

Stream player comes with a standards-compliant Javascript API. You can use the API to interact with the player using Javascript in the browser. Stream player supports calls such as; and player.currentTime = 120;.

Learn more about the Javascript API.

Building a custom user interface

You can build any custom user interface on top of the Stream player. Below is a simple player with a simple play/pause button overlay and no other controls.

Learn more about how to create a custom player UI.