video如何添加header

在 HTML5 的 video 标签中，可以通过添加 HTTP 请求头（header）来控制视频的播放和下载。要添加 HTTP 请求头，可以使用 XMLHttpRequest 对象来加载视频，然后设置请求头，最后将视频的 URL 赋值给 video 标签的 src 属性即可。

以下是一个使用 JavaScript 添加 HTTP 请求头的示例代码：

var xhr = new XMLHttpRequest();
xhr.open('GET', 'video.mp4', true);
xhr.setRequestHeader('Authorization', 'Bearer your_token'); // 添加请求头
xhr.responseType = 'blob';

xhr.onload = function() {
   if (xhr.status === 200) {
      var videoBlob = xhr.response;
      var videoUrl = URL.createObjectURL(videoBlob);
      var video = document.getElementById('my-video');
      video.src = videoUrl; // 将视频 URL 赋值给 video 标签的 src 属性
   }
};

xhr.send();

在以上示例代码中，我们使用 XMLHttpRequest 对象加载视频，并通过 setRequestHeader 方法添加了 Authorization 请求头。它会在请求视频时发送一个 Authorization 字段，值为 your_token。

当响应被加载时，我们将响应 blob 转换为视频 URL 并将其赋值给 video 标签的 src 属性。这样，视频就可以在页面上进行播放。

需要注意的是，由于视频是从服务器加载的，因此如果服务器未设置允许跨域访问的 CORS 头，那么在加载视频时可能会遇到跨域问题。在这种情况下，可以考虑在服务器端设置 CORS 头或使用代理服务器来加载视频。