TypeScript不识别video标签autoplay属性，提示需用autoPlay是什么原因？

报错原因 #

• W3C规范中的autoplay是原生HTML的属性名，但React框架的JSX语法对所有HTML内置属性做了驼峰化处理，对应自动播放的属性名被规范为autoPlay（a小写、P大写）
• TypeScript内置的React DOM类型定义严格遵循React的JSX属性命名规范，所以小写autoplay会被识别为不存在的属性，触发报错。

解决方案 #

有两种可选方案，按需选择即可：

• 方案1（推荐）：直接按照提示修改属性名为驼峰写法autoPlay，运行时React会自动将autoPlay转换为原生HTML的autoplay属性渲染到DOM上，功能完全一致，也能通过类型校验。
  修改后的代码示例：

<video
  playsInline
  controls={props.isControlsVisible == true}
  autoPlay={props.isAutoPlay == true}
/>

• 方案2（不推荐）：如果必须保留小写autoplay写法，可以在属性行上方添加// @ts-ignore注释跳过当前行的类型校验，该方式会丢失类型安全保障，仅建议临时调试使用。

内容的提问来源于stack exchange，提问作者János