2017-08-09 55 views
0

使用this SO question,我將此html5代碼放入打字稿項目中以自動播放視頻,並在不支持html5視頻的情況下使用gif作爲後備。但是,autoplayloopwidthheight控件會在typescript中創建一個錯誤(請參見下文)。但是,如果我刪除了autoplayloopwidthheight屬性,則可以通過訪問瀏覽器中的控件來播放視頻。在打字稿中設置html5視頻屬性

問題:如何將視頻設置爲在打字稿中自動播放和循環播放?

<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」;兒童:元素[]; }」不是分配給輸入 'DetailedHTMLProps, HTMLVideoElement>'

回答

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中設置它們。

+0

好吧,我想試試。是否只有表示我使用jsx的括號? – Leahcim

+0

@Leahcim那和你問關於打字稿的事實,這是我知道嵌入html的唯一方法 –