HTMLMediaElement.prototype.play()是唯一有效方法，跨域播放需服务端配置CORS响应头、video标签添加crossorigin属性，并由用户手势触发，缺一不可。
html5play 函数本身不存在，别被名字误导
HTML 标准里没有叫 html5play 的函数——这是常见误解，可能源于某些封装库、旧项目自定义方法，或混淆了 play() 方法。真正起作用的是原生 HTMLMediaElement.prototype.play()，也就是视频/音频元素的 play() 方法。跨域能否播放，不取决于“函数名”，而取决于资源响应头、元素属性、用户交互上下文这三点。
CORS 响应头没配好，play() 会静音或失败
浏览器对跨域媒体资源有严格限制：若视频文件（如 https://cdn.example.com/video.mp4）返回的 HTTP 响应中缺少 Access-Control-Allow-Origin，即使 play() 调用成功，也可能无声、卡在加载状态，或触发 error 事件且 error.message 为空。
- 服务端必须返回
Access-Control-Allow-Origin: *（或指定域名），且不能和credentials冲突 - 如果用了
crossorigin="use-credentials"，服务端还需带Access-Control-Allow-Credentials: true，此时Access-Control-Allow-Origin不能为* -
preload="metadata"或preload="auto"在跨域时可能提前触发预加载失败，建议设为preload="none"并手动调用load()
自动播放策略强制要求用户手势，play() 会被 Promise reject
现代浏览器（Chrome、Firefox、Safari）禁止无用户交互触发的自动播放，尤其是跨域资源。直接在 onload 或 setTimeout 中调用 video.play() 会返回一个被 reject 的 Promise，错误信息通常是 "DOMException: play() failed because the user didn't interact with the document first."。
生成可在 deepbi 沙箱 iframe 内运行或作为独立文件运行的交互式 HTML 页面，使用 `window.deepbi` JS SDK 实现数据查询、空间管理、文件浏览及用户操作。当用户提出以下需求时启用该能力： - 创建 KPI 仪表盘、数据表格、文件浏览器、成员列表、管理页面； - 明确要求“转成 dhtml”、“转译成 HTML”、“把 XX 页面转成……”、“控制台页面”、“管理后台”、“DeepBI 页面迁移”； - 提及位于 `apps/console/src/featur
- 必须由显式用户操作触发，例如
click、touchstart（注意：mouseenter不算） - 可在按钮回调里调用：
button.addEventListener('click', () => video.play()) - 若需“伪自动”体验，可先静音：
video.muted = true; video.autoplay = true;，但跨域下仍需 CORS 配合，且部分 iOS 版本不认muted + autoplay
video 标签要加 crossorigin 属性，否则 CORS 检查不生效
只配服务端响应头还不够——前端 标签必须显式声明 crossorigin，浏览器才会发起带 Origin 头的请求，并校验响应头。漏掉这个属性，请求就变成“简单跨域”，CORS 响应头直接被忽略。
- 允许匿名跨域：
- 需要携带 Cookie 或认证头：
（此时服务端必须匹配配置） - 不写
crossorigin属性，等价于不跨域请求处理逻辑，哪怕域名不同也会被当成普通同源失败
跨域播放不是改个函数名或加个参数就能通的，关键路径是：服务端开 CORS → 前端标签加 crossorigin → 用户手势触发 play() → 处理 Promise reject 和静音 fallback。漏掉任一环，都会在控制台看到静默失败或空 error。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
