nuxt+videojs实现自动无限播放视频

在Nuxt.js框架中结合Video.js库实现视频的自动无限循环播放，首先需要安装Nuxt和Video.js。你可以通过npm或者yarn来安装：

npm install @nuxtjs/videojs video.js vue-video-player --save
# 或者
yarn add @nuxtjs/videojs video.js vue-video-player

接下来，在Nuxt项目中设置`nuxt.config.js`文件，配置Video.js的相关插件：

export default {
  plugins: [
    { src: '~/plugins/video-js', ssr: false }, // 告诉Nuxt.js这只是一个客户端插件
  ],
}

然后，在需要使用Video.js的地方创建一个组件，比如`components/VideoPlayer.vue`:

<template>
  <div id="my-videoplayer">
    <video-js id="my-video" controls
      :options="{
        autoplay: true,
        loop: true,   // 设置为true使其自动循环播放
        sources: [{ src: 'your_video_url.mp4', type: 'video/mp4' }],
      }"></video-js>
  </div>
</template>

<script>
import Video from '@nuxtjs/videojs';

export default {
  components: {
    Video
  },
  data() {
    return {
      options: {} // 可以在这里添加更多Video.js选项
    }
  },
  mounted() {
    this.$refs.my-video.play(); // 播放视频
  },
}
</script>

在模板里，我们设置了`autoplay`属性为`true`启用自动播放，并且`loop`属性为`true`使得视频可以无限循环。