DPlayer icon indicating copy to clipboard operation
DPlayer copied to clipboard

ssr nuxt Instructions; 在nuxt里面这个该怎么使用啊!

Open LUDA0831 opened this issue 4 years ago • 2 comments

How to use in nuxt ssr 在nuxt里该怎么使用DPlayer

LUDA0831 avatar Jan 09 '22 06:01 LUDA0831

nuxt中能用吗?

dj835638078 avatar Feb 24 '22 06:02 dj835638078

可以用vue-dplayer 这个vue版的,

plugins/video.js

import Vue from 'vue'
import VueDPlayer from 'vue-dplayer'
import 'vue-dplayer/dist/vue-dplayer.css'
Vue.component('DPlayer', VueDPlayer)

nuxt.config.js

plugins: [
    { src: '~/plugins/video.js', ssr: false },
  ],

组件里用 client-only 包一下就可以

<template>
  <div class="player">
    <client-only>
      <DPlayer ref="DPlayer" :options="options" @play="handlePlaying" @pause="handlePause"></DPlayer>
    </client-only>
  </div>
</template>

LUDA0831 avatar Feb 24 '22 06:02 LUDA0831