Question

使用this SO question，我将这个html5代码放入打字稿项目中自动播放视频，如果不支持html5视频，则使用gif作为后备。但是，autoplay和loop以及width和height控件会在typescript中产生错误（请参阅下文）。但是，如果我删除了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>

键入＆＃39; {autoplay：＆＃34; autoplay＆＃34 ;;循环：＆＃34;循环＆＃34 ;;宽度：＆＃34; 400＆＃34 ;;身高：＆＃34; 300＆＃34 ;;孩子：元素[]; }＆＃39;不能分配给类型＆＃39; DetailedHTMLProps， HTMLVideoElement＆GT;＆＃39;

Answer 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中设置它们。

Answer 2

我猜宽度和高度都在READ ONLY上，你无法改变它们

同时查看此链接：

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

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

2 个答案: