用于启动 HTML 5 视频全屏显示的导航链接

问题描述

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

解决方法

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

<script>

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

</script>