---
title: Web
description: Play Cloudflare Stream videos on the web using HLS and DASH-compatible players.
image: https://developers.cloudflare.com/dev-products-preview.png
---

> Documentation Index  
> Fetch the complete documentation index at: https://developers.cloudflare.com/stream/llms.txt  
> Use this file to discover all available pages before exploring further.

[Skip to content](#%5Ftop) 

# Web

Cloudflare Stream works with all web video players that support HLS and DASH.

Note

Before you can play videos, you must first [upload a video to Cloudflare Stream](https://developers.cloudflare.com/stream/uploading-videos/) or be [actively streaming to a live input](https://developers.cloudflare.com/stream/stream-live)

## Examples

* [Video.js](https://developers.cloudflare.com/stream/examples/video-js/)
* [HLS reference player (hls.js)](https://developers.cloudflare.com/stream/examples/hls-js/)
* [DASH reference player (dash.js)](https://developers.cloudflare.com/stream/examples/dash-js/)
* [Vidstack](https://developers.cloudflare.com/stream/examples/vidstack/)

```json
{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"item":{"@id":"/directory/","name":"Directory"}},{"@type":"ListItem","position":2,"item":{"@id":"/stream/","name":"Stream"}},{"@type":"ListItem","position":3,"item":{"@id":"/stream/viewing-videos/","name":"Play video"}},{"@type":"ListItem","position":4,"item":{"@id":"/stream/viewing-videos/using-own-player/","name":"Use your own player"}},{"@type":"ListItem","position":5,"item":{"@id":"/stream/viewing-videos/using-own-player/web/","name":"Web"}}]}
```