首页 文章

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

提问于
浏览
1

使用this SO question,我将这个html5代码放入一个打字稿项目中自动播放视频,如果不支持html5视频,则使用gif作为后备 . 但是, autoplayloop 以及 widthheight 控件会在typescript中创建错误(请参阅下文) . 但是,如果我删除了 autoplay loop widthheight 属性,那么我可以通过访问浏览器中的控件来播放视频 .

问题:如何设置要播放的视频并在打字稿中自动循环?

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

输入'{autoplay:“autoplay”;循环:“循环”;宽度:“400”;身高:“300”;儿童:元素[]; ''不能赋值为'DetailedHTMLProps,HTMLVideoElement>'

2 回答

  • 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中设置它们 .

  • 1

    我猜宽度和高度都在READ ONLY上你不能改变它们

    还查看此链接:

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

相关问题