vidstack/player

Installation for Vue

Opened this issue · 0 comments

URL: https://vidstack.io/docs/player/getting-started/installation/vue/?bundler=nuxt&provider=video&styling=tailwind-css

Describe:

I installed Vidstack Player according to this document but what I got is a black screen for .

After some testing and comparing, I found the document is lack of a statement.

Before:

<template>
  <media-player .title="Sprite Fight" .src="https://files.vidstack.io/sprite-fight/720p.mp4">
    <ClientOnly>
      <media-provider></media-provider>
    </ClientOnly>
  </media-player>
</template>

Sould be:

<template>
    <media-player 
        title="Sprite Fight" 
        src="https://files.vidstack.io/sprite-fight/720p.mp4"
    >
        <media-provider></media-provider>
        <media-video-layout thumbnails="https://files.vidstack.io/sprite-fight/thumbnails.vtt"  />
    </media-player>
</template>

hope this helps.