vue-dplayer 绑定按钮全屏播放

要实现vue-dplayer绑定按钮全屏播放，你可以按照以下步骤进行操作：

1. 首先，在vue组件中引入vue-dplayer组件，并在data中定义一个变量来存储vue-dplayer的实例，例如：

<template>
  <div>
    <div ref="dplayer"></div>
    <button @click="fullscreen">全屏播放</button>
  </div>
</template>

<script>
import DPlayer from 'vue-dplayer'

export default {
  components: {
    DPlayer
  },
  data () {
    return {
      player: null
    }
  },
  mounted () {
    this.player = new DPlayer({
      container: this.$refs.dplayer,
      video: {
        url: 'your_video_url'
      }
    })
  },
  methods: {
    fullscreen () {
      this.player.fullScreen.request()
    }
  }
}
</script>

2. 在模板中添加一个按钮，并绑定一个点击事件fullscreen，该事件调用vue-dplayer实例的fullScreen方法，来实现全屏播放。

3. 最后，你需要在vue组件中引入vue-dplayer的样式文件。

这样，当你点击全屏播放按钮时，就能够实现vue-dplayer的全屏播放功能了。