Как перенаправить на определенный URL по событию клика в JavaScript?

Question

Как только вы нажимаете на кнопку, открывается видео.Я хотел бы перенаправить пользователя на другой URL, когда он щелкнул, чтобы закрыть видео.Я не знаком с кодом JavaScript, поэтому понятия не имею, как это сделать:)

function playVideo () {
    $('#play').click(function () {
        var video = $('#final-video');
        video.css({
            opacity: 1,
            pointerEvents: 'auto'
        })

        video[0].play();

        video.click(function () {
            $(this).css({
                opacity: 0,
                pointerEvents: 'none',
            })
        })
    })
}

Answer 1

function playVideo () {
	$('#play').click(function () {
		var video = $('#final-video');
		video.css({
			opacity: 1,
			pointerEvents: 'auto'
		})

		video[0].play();

		video.click(function () {
			$(this).css({
				opacity: 0,
				pointerEvents: 'none'
			})
		})
	})
}

#final-video {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100000000;
  background: black;
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
  pointer-events: none;
}

		<video id="final-video" src="https://www.youtube.com/watch?v=z3rXoJdu_Ek
"></video>

  <div id="play" class="section-gameplay">
						<button class="button-start" id="button-start2" data-target="flag-part6">You're ready to play</button>
					</div>

Answer 2

Обратите внимание, что вы также можете сделать это в html:

<a href="https://www.example.com">Your text here</a>

Answer 3

function playVideo () {
    $('#play').click(function () {
        var video = $('#final-video');
        video.css({
            opacity: 1,
            pointerEvents: 'auto'
        })

        video[0].play();

        video.click(function () {
           /* This event fires, when video is loaded and
              user clicked it. Here you can do your redirect
              instead of what's being done here */
            $(this).css({
                opacity: 0,
                pointerEvents: 'none',
            })
        })
    })
}

Так может быть так:

function playVideo () {
    $('#play').click(function () {
        var video = $('#final-video');
        video.css({
            opacity: 1,
            pointerEvents: 'auto'
        })

        video[0].play();

        video.click(function () {
            window.location('http://stackoverflow.com');
        })
    })
}

Answer 4

При закрытии видео события вы можете просто добавить одну из этих строк кода для перенаправления на другой URL.

Чтобы перенаправить на другую страницу, вы можете использовать:

window.location = "http://www.stackoverflow.com";

или

window.location.replace('http://stackoverflow.com');

Если вы хотите смоделировать кого-то, нажимающего на ссылку, используйте location.href.

Если вы хотите смоделировать перенаправление HTTP, используйте location.replace.

Чтобы перенаправить на новую вкладку

window.open('http://stackoverflow.com', '_blank');