Просто возвращаюсь в JavaScript, после долгого перерыва и сталкиваюсь с небольшой проблемой.
В моем коде HTML у меня есть тег кнопки с классом, который вызывает JavaScript сеточная анимация.
Вот код кнопки HTML:
> <button class="menu-trigger">Click Now To Take The Journey, On How To Be Discovered</button>
Есть фоновое видео героя, которое воспроизводится и после завершения открывает новую страницу с именем grid. html.
Когда открывается страница, это просто черная страница с описанием текстовой ссылки кнопки ниже:
Нажмите сейчас, чтобы отправиться в путешествие, о том, как быть обнаруженным
Ссылка работает и активирует сетку анимации JavaScript, если вы нажмете на нее, но я пытаюсь автоматически открыть анимацию сетки JavaScript, когда видео закончится.
Вот раздел HTML для видео:
> <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, чтобы открыть сетку. html, после окончания видео shes playing:
> var vid = document.getElementById("myVideo");
> vid.onended = function () {
> window.open("grid.html"), ("_self");
> };
Есть ли способ открыть анимацию сетки, просто используя тег или класс кнопки css, поскольку этот класс / кнопка активирует анимацию JavaScript при нажатии, кроме как без нажатия кнопки ссылка?
Невероятно признателен кто-нибудь помочь в этом.