Firefox和Chrome中的相对URL

Question

我有一个Web应用程序，我在其中显示一些媒体。我最初有一段像

这样的HTML

    <video id="video" class="video-player">
        <source src="media/foo.mp4"/>
    </video>

显示在'/ shows /'页面上。

此绝对网址已在Chrome中翻译为“/media/foo.mp4”，但Firefox将其转换为“/shows/media/foo.mp4”。我知道我可以通过在相对URL的开头放一个/来解决这个问题，但问题是：

使用相对网址时我应该注意什么？是否还有其他与浏览器兼容性有关的问题？