后端返回二进制的视频文件，前端如何将获取到的视频数据展示出来

当后端返回二进制的视频文件时，前端通常会通过创建一个Blob对象来处理这些数据，并利用HTML的`<video>`标签来展示视频。具体步骤如下：

1. 创建一个Blob对象：使用`fetch` API向服务器发送请求，并在获取响应后使用`.blob()`方法将响应内容转换为Blob对象。Blob对象是二进制大对象，它允许你处理二进制数据。

2. 创建ObjectURL：使用`URL.createObjectURL()`方法可以创建一个指向Blob对象的URL，这个URL可以被`<video>`标签使用。

3. 显示视频：将创建的ObjectURL设置为`<video>`标签的`src`属性，这样就可以在网页上播放视频了。

4. 清理资源：视频播放完毕或不再需要时，使用`URL.revokeObjectURL()`方法来释放这个URL，避免内存泄漏。

示例代码如下：

fetch('视频文件的URL')
  .then(response => response.blob())
  .then(blob => {
    const videoURL = URL.createObjectURL(blob);
    const videoTag = document.createElement('video');
    videoTag.src = videoURL;
    videoTag.controls = true;
    document.body.appendChild(videoTag);
  })
  .catch(error => {
    console.error('视频加载错误:', error);
  });