a帧-视频结束后加载ui

Question

我的编码能力很弱，但是我正在考虑创建一个带有框架的VR分支学习场景。本质上，将播放360度视频球，然后在结束时用户会看到带有两个或三个选项的UI。然后，根据选择，将加载其他视频。

我有一个UI可以在视频圈上播放并链接到其他视频，但是我想解决一些问题。

1. 当我希望它在视频端播放时，UI会播放整个视频。我可以使用此代码检测到视频结尾，但现在不确定如何显示按钮：

   var vid = document.getElementById("video1");
   vid.onended = function() {
   alert("The video has ended");
   };
   

2. 所有视频似乎都在一次播放，因为当您单击其中一个按钮时，它会跳至已在播放的新视频。这也很明显，因为即使您看不到隐藏视频，声音也会播放。

任何建议将不胜感激！