Как после воспроизведения видео перейти на другую страницу?

Question

[Darya Shvakh]

Добрый день.
Прошу поделиться опытом, а в идеале ссылкой на готовый код JS, для добавления перехода на другую страницу HTML в конце видео, т.е. когда видео заканчивается браузер переводит пользователя на другую страницу сайта.
Спасибо!

Answer 1

[Михаил Макаров]

Событие ended тега video.
developer.mozilla.org/ru/docs/Web/Guide/Events/Med...

Comments

[Darya Shvakh]

Михаил Макаров, да с обрывками синтаксиса и названием - события понятно, отсутствуют компетенции по созданию всего - script, для реализации задачи. Надеюсь на ссылку на CodePen)

[Сергей Герасимов]

Daria Shvakh, по ссылке даже пример есть:

let v = document.getElementsByTagName("video")[0];
v.addEventListener("ended", function() {    window.location = "http://site.ru"; });

[Darya Shvakh]

Сергей Герасимов, подскажите у меня в video стоит параметр - autoplay loop, нужно обязательно что бы видео начиналось после загрузки

<video width="1280" autoplay loop><source src="glavnaya.mp4"></video>

и наверно по этой причине скрипт

<script>
               let v = document.getElementsByTagName("video")[0];
            v.addEventListener("ended", function() {    window.location = "https://yandex.ru/"; });
        </script>

не работает, стоит в конце HTML страницы, после него есть другой JS но это наверно не влияет.
Не подскажите как запустить видео при загрузки без autoplay loop, или дело не в этом.
Спасибо!

[Darya Shvakh]

ну пусть себе - стартует после загрузки, а loop - та для чего?

[Darya Shvakh]

Сергей Герасимов, Спасибо!

[Сергей Герасимов]

Daria Shvakh, как вариант, можно написать в тег как атрибут:

<video onended="window.location = 'https://yandex.ru/';">...</video>

loop - зацикливает воспроизведение.

[Darya Shvakh]

Сергей Герасимов, ну это уже 2 решения)
У меня к вам просьба - не могли бы вы вынести ваши ответы из "комментариев" Михаил Макаров, что бы можно было их отметить как - Решение)
Может кому-нибудь ещё это поможет!
Спасибо!

[Михаил Макаров]

Daria Shvakh, как говорится, тебе говна - ещё и ложку...

[Darya Shvakh]

Михаил Макаров, вы - возмущенны?
Если да то - чем?
Я тут не давно если поможете решить этот вопрос то РЕШЕНИЕ - ваше.
Растолкуйте мне...
Ваше решение - для меня не является РЕШЕНИЕМ..
РЕШЕНИЕ предложил другой участник - дискуссии...
т.е.
РЕШЕНИЕ для МЕНЯ уже - ЕСТЬ...,
но оно почему-то в вашей директории....
о чём негодуете?

[Михаил Макаров]

Daria Shvakh, ой, всё.

[Darya Shvakh]

Михаил Макаров, я прошу прощение)

Answer 2

[дядя Фёдор]

Вот ссылка на главный ресурс системы "не дурак - сам разберешься" w3.org/2010/05/video/mediaevents.htm
еще обязательно посетите https://developer.mozilla.org/en-US/docs/Web/Guide..., отсюда черпают свой опыт все, кто так или иначе связан с вэб- разработкой.