2017-08-09 4 views
0

this SO questionを使用して、このhtml5コードをタイプスクリプトプロジェクトに挿入して、自動的にビデオを再生し、html5ビデオがサポートされていない場合はフォールバックとしてgifを使用します。しかし、autoplayloopととheightのコントロールは、typescriptでエラーを作成します(下記参照)。ただし、autoplayloopwidthheightのプロパティを削除すると、ブラウザのコントロールにアクセスしてビデオを再生できます。typescriptで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"; children:要素[]; } 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

を[OK]を、私はそれを試してみましょう。私がjsxを使用していることを示す '{}'括弧だけでしたか? – Leahcim

+0

@Leahcimと、あなたがtypescriptについて尋ねた事実は、htmlを埋め込むために私が知っている唯一の方法です –

関連する問題