嘿，这个跨域问题我之前做视频播放项目的时候也碰到过！当你的Flask项目里要播放非自有域名的视频时，浏览器的同源策略就会跳出来搞事情——因为目标服务器没返回Access-Control-Allow-Origin头，直接阻止了请求。下面给你几个我亲测有效的解决思路：

方法1：让Flask做代理请求（最常用的快速方案） #

既然目标服务器没配置CORS，那我们就自己搭个“中转站”。前端不直接请求目标视频URL，而是请求你的Flask接口，由Flask去拉取视频资源，再把资源返回给前端。这样前端和Flask是同源的，浏览器就不会触发跨域限制了。

示例代码：

from flask import Flask, Response
import requests

app = Flask(__name__)

@app.route('/proxy-video')
def proxy_video():
    # 替换成你实际要请求的视频URL
    target_video_url = "https://www.com/your-target-video.mp4"
    # 用stream=True来处理大视频，避免内存溢出
    video_response = requests.get(target_video_url, stream=True)
    
    # 保留原视频的响应头（比如Content-Type、Content-Length这些）
    response_headers = dict(video_response.headers)
    # 给前端加上CORS头（其实同源请求不需要，但加上更稳妥）
    response_headers['Access-Control-Allow-Origin'] = '*'
    
    # 分块返回视频内容，提升加载体验
    return Response(
        video_response.iter_content(chunk_size=1024*1024),
        headers=response_headers
    )

之后前端直接请求/proxy-video这个路由就能播放视频了。注意：如果视频很大，这种方法会占用你的服务器带宽，记得加上错误捕获（比如请求超时、目标资源不存在的情况）。

方法2：试试HTML5 video标签的crossorigin属性（看运气的方案） #

如果目标服务器其实偷偷支持跨域，只是你没配置前端的请求属性，可以给video标签加上crossorigin="anonymous"属性试试：

<video src="https://www.com/your-target-video.mp4" crossorigin="anonymous" controls></video>

但划重点：这个方法只在目标服务器已经返回Access-Control-Allow-Origin头（比如允许所有域名*，或者你的域名）的情况下才管用。如果目标服务器根本没配置CORS，那这个方法还是会报错。

方法3：用Nginx做反向代理（生产环境首选） #

如果你的Flask应用是部署在Nginx后面的，那让Nginx来做代理会比Flask代理高效得多。配置Nginx把前端的视频请求转发到目标服务器，同时给响应加上CORS头，前端还是请求同源的地址，完美绕过跨域。

Nginx配置示例：

location /video-proxy {
    # 转发到目标视频服务器的根路径
    proxy_pass https://www.com/;
    # 保留目标服务器的Host头，避免请求被拒绝
    proxy_set_header Host www.com;
    
    # 给前端添加CORS相关头
    add_header Access-Control-Allow-Origin *;
    add_header Access-Control-Allow-Methods GET,OPTIONS;
    add_header Access-Control-Allow-Headers Content-Type;
}

配置完重启Nginx，前端就可以请求/video-proxy/your-target-video.mp4来播放视频了。这种方法性能好，适合生产环境使用。

方法4：把视频下载到本地再提供服务（最稳妥的方案） #

如果视频是静态的、不会频繁更新，那最简单的办法就是先把视频下载到你的Flask服务器的静态文件夹里，然后前端直接请求本地的静态资源，完全不用考虑跨域问题。

比如把视频放在Flask项目的static/videos目录下，前端用Jinja2模板的话可以这么写：

<video src="{{ url_for('static', filename='videos/your-local-video.mp4') }}" controls></video>

这种方法零配置，而且播放速度最快，但需要你定期同步视频资源，适合资源不常变动的场景。

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