启动HTML 5视频全屏的导航链接

我有一个全屏背景视频，在一个页面上运行，使用html5视频标签播放本地托管视频，顶部有一个css导航菜单。当用户单击菜单时，我想在现有视频的顶部启动另一个全屏视频。我不知道怎么做。视频使用fitvid.js响应性地运行，因此我不需要在此代码中缩放视频。有人能帮我吗？

您可以使用一些Javascript轻松更改背景：

<script>

   function changeBackground {
      document.getElementsById("nav-Id");
      onclick = "import your background video here"
   }

</script>

函数更改背景{
文件。getElementsById（“资产净值Id”）；
onclick=“在此处导入背景视频”
}

Hi。非常感谢。这似乎适用于一次交换。然而，有几个视频iI需要交换。这就是为什么我需要通过导航菜单来完成。每个菜单项显示一个选项。渠道、代理、合作伙伴等。。。我可以通过触发单独的页面来实现这一点，但我想知道我是否可以基于菜单选择加载视频作为背景，全部在一个页面中，菜单可能看起来像这样。你能把你所有的代码都写在一支笔上吗？这样我就可以很好地检查你的代码了。当你想要的时候，用你的笔的链接重播给我，我会回答你的！而且，如果你愿意，你可以和我共用这支笔。这是菜单