在打字稿中设置 html5 视频属性答案

【问题标题】：set html5 video properties in typescript在打字稿中设置 html5 视频属性
【发布时间】：2017-08-09 14:22:00
【问题描述】：

使用this SO question，我将此html5代码放入一个打字稿项目中，以自动播放视频并在不支持html5视频时使用gif作为后备。但是，autoplay 和 loop 和 width 和 height 控件会在打字稿中产生错误（见下文）。但是，如果我删除 autoplay loop width 和 height 属性，那么我可以通过访问浏览器中的控件来播放视频。

问题：如何设置视频在打字稿中自动播放和循环播放？

<video autoplay="autoplay" loop="loop" width="400" height="300">
    <source src={mymp4} type="video/mp4" />
    <img src={fallback.gif} width="400" height="300" />
</video>

键入'{自动播放：“自动播放”；循环：“循环”；宽度：“400”；高度：“300”；孩子：元素[]； }' 不可分配给类型 '详细的HTMLProps, HTMLVideoElement>'

【问题讨论】：

标签： html typescript

【解决方案1】：

<video autoPlay loop width="400" height="300">
    <source src={mymp4} type="video/mp4" />
    <img src={fallback.gif} width="400" height="300" />
</video>

注意autoPlay 的大小写差异。这些也是布尔属性，所以我们可以使用名称在 jsx 中设置它们。

【讨论】：

好的，我会试试的。是否只有 { } 括号表明我正在使用 jsx？
@Leahcim 那和你问打字稿的事实，这是我知道嵌入 html 的唯一方法

【解决方案2】：

我猜宽度和高度是只读的，你不能改变它们

也检查这个链接：

https://developer.mozilla.org/fr/docs/Web/API/HTMLVideoElement

【讨论】：