HTML5 video 标签不支持 anchorpos 属性，该属性仅存在于 HarmonyOS ArkUI 框架的 video 组件中，用于指定视频渲染锚点位置，与 CSS transform-origin 语义相近但不等价，且在 Web 浏览器中完全无效。
video 标签不支持 anchorpos 属性
HTML5 原生 <video></video> 标签从未定义过 anchorpos 这个属性，所有主流浏览器（Chrome、Firefox、Safari、Edge）均会忽略它。如果你在控制台看到类似 Unknown property 'anchorpos' 的警告，或发现该属性完全无效果，不是兼容性问题，而是它根本不存在于 HTML5 规范中。
- W3C HTML5 标准文档和 WHATWG Living Standard 中均无
anchorpos条目 - 常见误源：混淆了某些框架（如 HarmonyOS 的
<video></video>组件）或旧版 Flash/ActiveX 插件的私有属性 - 若你实际在 HarmonyOS 开发环境里看到
anchorpos，那属于 ArkUI 视频组件的扩展属性，和 HTML5 无关
HarmonyOS video 组件的 anchorpos 是什么
在 HarmonyOS（API version 4+）的 ArkUI 框架中，<video></video> 是一个原生渲染组件，anchorpos 是其专有样式属性，用于指定视频画面在容器内的锚点位置（即缩放/旋转的基准点），与 CSS 的 transform-origin 语义接近但不等价。
-
anchorpos只在style中生效，例如：style="anchorpos: center center;" - 可选值为
left | center | right和top | center | bottom的组合，空格分隔 - 它影响的是视频帧渲染时的对齐逻辑，不是 DOM 定位；不会改变元素盒模型，也不触发重排
- 该属性在 Web 浏览器中无效，在 ArkWeb 加载的 H5 页面里也无效——仅限纯 ArkUI 页面
想实现类似“锚点定位”效果，该用什么
如果目标是让视频内容（比如某个人脸区域）始终居中显示，或配合缩放保持视觉焦点稳定，不能靠虚构的 anchorpos，而应组合使用标准 CSS 属性。
- 用
object-fit: cover+transform-origin控制缩放基点（如：transform-origin: 30% 40%） - 配合
transform: scale(1.2)手动缩放，并用负 margin 或position: relative微调偏移 - 若需响应式锚点（如不同屏幕下焦点坐标不同），必须用 JavaScript 动态计算并设置
transform-origin - 注意：iOS Safari 对
transform-origin在<video></video>上的支持较晚（iOS 15.4+ 才稳定），低版本会回退到 center
容易被忽略的兼容性断层
开发者常把 HarmonyOS 文档当“增强版 HTML5”来读，结果在 Web 端调试时一头雾水。关键断层不在语法，而在运行时环境。
立即学习“前端免费学习笔记（深入）”；
- ArkUI 的
<video></video>是 C++ 渲染管线直出，绕过 WebView；而 H5 的<video></video>是 Blink/WebKit 原生实现，二者 API 表面相似，底层无任何共享 - 像
muted、autoplay这类共用属性，行为也可能不同（例如 HarmonyOS 中autoplay默认受系统媒体策略限制） - 一旦项目需要多端部署（Web + HarmonyOS），必须用条件编译或运行时检测隔离 video 相关逻辑，不能共用同一套属性配置
anchorpos 这类词在不同上下文里根本指向两个世界——一边是浏览器引擎，一边是鸿蒙渲染内核。 
