Открывайте ссылку на кнопку автоматически, не щелкая, используя класс кнопки, с javascript window.open (), когда воспроизведение видео заканчивается - PullRequest
Новая
       37

Открывайте ссылку на кнопку автоматически, не щелкая, используя класс кнопки, с javascript window.open (), когда воспроизведение видео заканчивается

0 голосов
/ 13 февраля 2020

Просто возвращаюсь в 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 при нажатии, кроме как без нажатия кнопки ссылка?

Невероятно признателен кто-нибудь помочь в этом.

...