springboot+vue 播放视频

要在Spring Boot和Vue中播放视频，可以按照以下步骤进行操作：

1. 在Vue中创建一个视频组件，可以使用HTML5的`<video>`标签来实现。

2. 在Spring Boot中，将视频文件放在`src/main/resources/static`目录下，这样它们就会被自动加载到Spring Boot应用程序的类路径中。

3. 在Spring Boot中创建一个控制器，用于将视频文件提供给Vue组件。可以使用`ResponseEntity`类将视频文件作为字节数组返回给Vue组件。

4. 在Vue组件中，使用`axios`库来从Spring Boot控制器获取视频文件并将其嵌入`<video>`标签中。

下面是一个简单的示例代码：

Vue代码：

<template>
  <div>
    <video controls>
      <source :src="videoUrl" type="video/mp4">
    </video>
  </div>
</template>

<script>
import axios from 'axios';

export default {
  data() {
    return {
      videoUrl: ''
    };
  },
  mounted() {
    axios.get('/video').then(response => {
      this.videoUrl = URL.createObjectURL(new Blob([response.data]));
    });
  }
};
</script>

Spring Boot代码：

@RestController
public class VideoController {
    @GetMapping("/video")
    public ResponseEntity<byte[]> getVideo() throws IOException {
        InputStream in = getClass().getResourceAsStream("/static/video.mp4");
        byte[] videoBytes = IOUtils.toByteArray(in);
        return ResponseEntity.ok().contentType(MediaType.parseMediaType("video/mp4")).body(videoBytes);
    }
}

请注意，在生产环境中，最好使用专门的视频服务器来处理视频文件，以提高性能和可靠性。