いくつかのメディアを表示する Web アプリケーションがあります。私はもともと次のようなHTMLを持っていました
<video id="video" class="video-player">
<source src="media/foo.mp4"/>
</video>
「/shows/」ページに表示されます。
この絶対 URL は、Chrome では「/media/foo.mp4」に変換されましたが、Firefox では「/shows/media/foo.mp4」に変換されました。相対 URL の先頭に / を入れることでこの問題を簡単に解決できることはわかっていますが、問題は次のとおりです。
相対 URL を使用する場合、どのような注意が必要ですか? クロスブラウザーの互換性に関するその他の問題はありますか?