如何从视频创建Blob URL并赋值给视频源？跨CDN视频防下载可行吗？

Let's break down your questions one by one, since there are a few moving parts here:

1. 能否用PHP创建buffer数组，再通过JS生成Blob URL给video标签？ #

理论上是可行的，但不推荐用于大视频文件。原因很简单：视频文件通常体积较大，把整个视频转成buffer数组传到前端会占用大量服务器带宽和浏览器内存，导致加载缓慢甚至浏览器崩溃。如果是几秒的短视频，这个方案勉强可行，但长视频绝对不是最优解。

2. 视频存储在跨域CDN上，此方案是否可行？ #

可行，但有几个前提：

• 你的PHP服务器需要能够正常请求到CDN上的视频文件。如果CDN设置了防盗链规则，你需要在PHP的请求中添加对应的请求头（比如Referer、Authorization，取决于CDN的配置），否则请求会被拦截。
• PHP拿到视频数据后，再把数据返回给前端，这时候前端是从你的同源服务器获取数据，就不存在跨域问题了——相当于你的PHP服务器做了一层代理。

3. 如何从视频创建Blob URL并赋值给视频源？ #

下面是一个基础的实现示例，你可以根据自己的需求调整：

后端PHP代码（代理CDN视频） #

<?php
// 设置允许跨域（如果你的前端和PHP不在同一域名下）
header("Access-Control-Allow-Origin: *");
header("Content-Type: video/mp4"); // 根据你的视频格式调整

$cdnVideoUrl = "https://your-cdn-domain.com/path/to/video.mp4";

// 初始化cURL请求
$ch = curl_init($cdnVideoUrl);
curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);
// 如果CDN有防盗链，添加对应的请求头
// curl_setopt($ch, CURLOPT_HTTPHEADER, array('Referer: https://your-website-domain.com'));

$videoData = curl_exec($ch);
curl_close($ch);

// 输出视频数据，前端可以拿到这个二进制数据
echo $videoData;
?>

前端JS代码（生成Blob URL并赋值给video） #

const videoElement = document.getElementById('your-video-element');

// 请求PHP代理接口
fetch('path/to/your-proxy-script.php')
  .then(response => response.arrayBuffer())
  .then(buffer => {
    // 从ArrayBuffer创建Blob，注意MIME类型要和视频格式匹配
    const videoBlob = new Blob([buffer], { type: 'video/mp4' });
    // 创建Blob URL
    const blobUrl = URL.createObjectURL(videoBlob);
    // 赋值给video标签的src
    videoElement.src = blobUrl;

    // 视频加载完成后，记得释放Blob URL，避免内存泄漏
    videoElement.onload = () => {
      URL.revokeObjectURL(blobUrl);
    };
  })
  .catch(error => {
    console.error('加载视频失败:', error);
  });

重要提醒：关于阻止视频下载 #

必须明确一点：没有任何方法可以完全阻止用户下载你的视频。即使你用了Blob URL，用户依然可以通过浏览器开发者工具查看网络请求、录屏，或者使用第三方工具抓取视频流。这个方案只是增加了普通用户下载的门槛，无法做到绝对禁止。

内容的提问来源于stack exchange，提问作者Rahul