Html5 Chromeが動作しないChrome

Question

これは私の最初の質問です。私はまだアマチュア開発者であり、まだ学習段階です。私の友人が私に.mp4ファイルを送ってきました。私はそれを同じフォルダ内の.webmに変換しました。現在、私のHTMLは、これを持っている：

<video width="1920" height="1080" controls autoplay id="video-background"> 
 
\t <source src="/img/reel.mp4" type="video/mp4"> 
 
\t <source src="/img/reel.webm" type="video/webm"> 
 
\t Sorry, your browser doesn't support HTML5 video. 
 
</video>

ビデオをまったく表示されない、コントロールだけ。私は「お使いのブラウザがHTML5ビデオをサポートしていません」というメッセージも表示されません。コントロールなし。ビデオがどこにあるのかちょうど空白の場所。

私はサーバーなどでビデオをホストしていません。その約88MBのローカルファイルです。そのわずか1分の長さのビデオは、バックグラウンドでループすることを意図していました。再生するリンクからビデオを取得できますが、このローカルの.mp4/.webmファイルは再生できません。私はyoutube、stackoverflowをチェックして、たくさんのグーグルで行った。本当にこれについていくつかの助けが必要です。

はい、私も試してみましたが、まだ動作しませんでした。私は3倍のファイルパスをチェックし、ビデオのエンコーディングをチェックしてフォーマットをダブルチェックしました。すべてが良いと思うように見えるが、それだけでは動かない。

このセクションでは、私のローカルファイルビデオを再生したいと思うCSSはありません。私は間違って何をやっているのですか？どうすれば修正できますか？

Answer 1

imgフォルダーが、HTMLと同じフォルダー内にある場合。最初のスラッシュを削除する必要があります。試してみてください：

<video width="1920" height="1080" controls autoplay id="video-background"> 
    <source src="img/reel.mp4" type="video/mp4"> 
    <source src="img/reel.webm" type="video/webm"> 
    Sorry, your browser doesn't support HTML5 video. 
</video> 

希望します。

Answer 2

preload = "auto"タグを追加して修正してみてください。

<video autoplay loop preload="auto" poster="img.png"> 
    <source src="/img/reel.mp4" type="video/mp4"> 
    <source src="/img/reel.webm" type="video/webm"> 
    Sorry, your browser doesn't support HTML5 video. 
</video> 

私はこれがあなたのために働くかどうかわからない、多分これは将来的に誰かを助ける！