html - ChromeでHtml5ビデオタグが機能しない

Question

W3school のビデオ タグ チュートリアルで Chrome を確認したところ、正常に動作していましたが、プロジェクトにコードをコピーしたところ、動作しませんでした。コードは次のとおりです。

<video width="500" height="400" controls autoplay>
    <source src="C:\Users\Sunny\Desktop\My_Passion.mp4" type="video/mp4"/>              
</video>

Answer 1

ビデオ ソース URL は、このページがホストされている Web サーバーを指している必要があります。現在そこにあるようなローカル ファイル パス (ローカル コンピューター上のビデオ ファイルを指している) では機能しません。

そのため、My_Passion.mp4 ファイルが Web サーバー上にあることを確認してから、ソースを次のように変更します。

<source src="My_Passion.mp4" type="video/mp4"/>