Можно ли приявязать к видео - ссылки

Статус
Закрыто для дальнейших ответов.

Arin

Новичок
Регистрация
15.02.2017
Сообщения
2
Всем доброго дня!

Нужна помощь:
Есть видео с городами (в формате mp4), при появлении определенного города надо чтобы всплывала ссылка на этот город и при нажатии проваливаться на определенный пункт меню.
Как это можно сделать?
 

BaNru

Пацифизжу
Команда форума
Регистрация
13.11.2010
Сообщения
4 138
Можно использовать любой HTML5 (ну или флеш) плеер.
В нем по timestamp сделать событие.

Если не ошибаюсь в чистом HTML5 video - это currentTime
Вот тут инструкция подробная

<pre><div hidden data-starttime=3 data-endtime=7 id=hello>Hello world!</div> <script> var video = document.getElementsByTagName('video')[0]; var hello = document.getElementById('hello'); var hellostart = hello.getAttribute('data-starttime'); var helloend = hello.getAttribute('data-endtime'); video.ontimeupdate = function(e) { var hasHidden = hello.hasAttribute('hidden'); if (video.currentTime > hellostart && video.currentTime < helloend) { if (hasHidden) hello.removeAttribute('hidden'); } else { if (!hasHidden) hello.setAttribute('hidden', ''); } } </script></pre>

То есть, примерно так выглядит:
Код:
if (video.currentTime == 10){alert "Город Москва";}
 

Arin

Новичок
Регистрация
15.02.2017
Сообщения
2
BaNru сказал(а):
Можно использовать любой HTML5 (ну или флеш) плеер.
В нем по timestamp сделать событие.

Если не ошибаюсь в чистом HTML5 video - это currentTime
Вот тут инструкция подробная

<pre><div hidden data-starttime=3 data-endtime=7 id=hello>Hello world!</div> <script> var video = document.getElementsByTagName('video')[0]; var hello = document.getElementById('hello'); var hellostart = hello.getAttribute('data-starttime'); var helloend = hello.getAttribute('data-endtime'); video.ontimeupdate = function(e) { var hasHidden = hello.hasAttribute('hidden'); if (video.currentTime > hellostart && video.currentTime < helloend) { if (hasHidden) hello.removeAttribute('hidden'); } else { if (!hasHidden) hello.setAttribute('hidden', ''); } } </script></pre>

То есть, примерно так выглядит:

if (video.currentTime == 10){alert "Город Москва";}
Доброго дня!
спасибо за подсказку, тоже нашла подобную статью с использованием video.currentTime.
Но возникает вопрос, не возникнет ли такая ситуация: когда браузеры по разному высчитывают время или если комп подтормаживает, получается будут задержки во времени и сроки видео будут не соответствовать скрипту, возможно такое?
 

BaNru

Пацифизжу
Команда форума
Регистрация
13.11.2010
Сообщения
4 138
Теоретически возможно всё. Практически - надо тестировать. Но не должно.
Можно при достижение времени нажимать паузу. Тогда проблемы при торможение немного уменьшатся.
 
Статус
Закрыто для дальнейших ответов.
Верх Низ