video标签加blob vue

在Vue中，使用video标签加上blob可以实现在网页端播放blob格式的视频。你可以使用URL.createObjectURL方法创建一个blob URL，并将其赋值给video标签的src属性。具体操作如下：

首先，你需要在Vue组件中引入video标签和相关的方法和属性。你可以在组件的模板中添加以下代码：

<video controls :src="videoUrl"></video>

然后，在Vue组件的data属性中定义一个videoUrl变量，用来保存blob URL：

data() {
  return {
    videoUrl: ''
  }
}

接下来，在需要加载blob视频的地方，比如在mounted钩子函数中，你可以使用以下代码来加载视频：

mounted() {
  // 假设你已经获取到了blob对象，存储在videoBlob变量中
  this.videoUrl = URL.createObjectURL(videoBlob);
}

这样，视频将会被加载并在网页中进行播放。注意，当video标签不再需要使用时，记得调用URL.revokeObjectURL方法释放资源，以避免内存泄漏：

beforeDestroy() {
  URL.revokeObjectURL(this.videoUrl);
}

请注意，以上代码是一个简单的示例，你可以根据自己的具体需求进行适当修改。同时，使用blob格式的视频需要保证视频的安全性，具体信息可以参考和的内容。