▶️ stream-vue

Vue component for Cloudflare Stream

Vue component for Cloudflare Stream.

Note that this is not an official component.

Quick Start#

First install stream-vue:

pnpm add stream-vue

# or
yarn add stream-vue
npm install stream-vue --save

Usage#

<script setup>
import { VideoStream } from 'stream-vue'
</script>

<template>
  <VideoStream controls src="YOUR_VIDEO_ID_OR_SIGNED_URL" />
</template>

Nuxt support#

To use with Nuxt 2, make sure to add the following to your nuxt.config.js:

vue: {
  config: {
    ignoredElements: ['stream']
  }
}

See @cloudflare/stream-react for more props and events.

Inspirations#

This is just a Vue fork of @cloudflare/stream-react.

Contributors#

This has been developed to suit my needs but additional use cases and contributions are very welcome.

Configure Feed