html - Firefox 和 Chrome 中的相对 URL

Question

我有一个 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 时我应该注意什么？还有其他关于跨浏览器兼容性的问题吗？