经过一段长时间的休息之后，刚回到JavaScript并遇到了一些小问题。
在我的HTML代码中，我有一个带有用于触发JavaScript网格动画的类的button标记。
这是HTML按钮代码：
> <button class="menu-trigger">Click Now To Take The Journey, On How To Be Discovered</button>
有一个Hero背景视频正在播放，完成后会打开一个名为grid.html的新页面。
页面打开时，它只是一个黑色页面，其按钮文本链接说明如下：
立即单击以开始旅程，探索如何发现
如果您单击链接，该链接将起作用并激活JavaScript动画网格，但是我试图在视频播放完后自动打开JavaScript网格动画。
这是视频的HTML div：
> <div class="wrapper">
> <video id="myVideo" autoplay muted class="wrapper__video">
> <source src="/img/aerial-drone-view-miami-33sds.mp4">
> </video>
> </div>
这是我为此编写的JavaScript：
首先使用与我上面提到的按钮类兼容的DOM菜单触发JavaScript：
> DOM.menuCtrls = {
> open: document.querySelector('.menu-trigger'),
> close: document.querySelector('.menu-trigger--close')
> };
在视频播放完毕后，然后使用JavaScript打开grid.html：
> var vid = document.getElementById("myVideo");
> vid.onended = function () {
> window.open("grid.html"), ("_self");
> };
是否可以仅使用css类或button标记来打开网格动画，因为该类/按钮在单击时会激活JavaScript动画，除非不单击链接即可。
非常感谢任何人对此的帮助。