HTML5 video get currentTime not working with media events javascript addEventListener

Nance S

Im trying to show the current duration (print currenttime live) when the video is playing.

I did read Kurt Van den Branden answer on Detect if HTML5 Video element is playing but to no avail

i eventually want to carry the currenttime value to a php variable $currenttime below is my current code

<html> 
<head>  
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/> 
<title>Html5 media events</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
</head> 
<body >
<div id="output"></div>
<video id="myVideo" width="320" height="176" controls>
    <source src="http://action.news/videos/Britney%20Spears%20-%20Overprotected%20(2009)%20Full%20HD%201080p_60%20fps.mp4" type="video/mp4">
</video>

<script>
    var media = document.getElementById('myVideo');

    // Playing event
    var isPlaying = function(e) {
    #$("#output").html("Playing event triggered");

    };

      // durationchange
    var isdurationchange = function(e) {
        $("#output").html(vid.currentTime);


    };

    media.addEventListener("playing", isPlaying, false);   
    media.addEventListener("durationchange", isdurationchange, true);    
</script>   
</body> 
</html>
youtube-dl fan

you should be able to carry it like this , the pros will help you with syntax

 document.write("<a href=/time.htm?currentTime='.media.addEventListener("timeupdate", isdurationchange, true).'>link</a>;); 

Эта статья взята из Интернета, укажите источник при перепечатке.

Если есть какие-либо нарушения, пожалуйста, свяжитесь с[email protected] Удалить.

Отредактировано в
0

я говорю два предложения

0обзор
Войти в системуУчаствуйте в комментариях

Статьи по теме

javascript передает media EventListener в html (html5) media.currentTime

HTML5 Video - запускать события, если currentTime равен установленному времени

HTML5 video media fragments with Javascript

javascript pass media EventListener to html (html5) media.currentTime

currentTime and tracking in HTML5 video

HTML5 media query video for different viewports (breakpoint not working)

JavaScript: изменить цвет текста в зависимости от video.currentTime

Html5 Video Not Working Chrome

How to Fix HTML5 Video Javascript Tracking Code That is not Working Correctly

Get the html5 video poster in webview

Как показать субтитры на разных языках в HTML5 Video Player через JavaScript?

AbortError: операция была прервана. - Ошибка при настройке HTML 5 video.currentTime в Firefox.

Можно ли установить currentTime звука в миллисекундах вместо секунд? -Javascript

Множественные ошибки при использовании video.currentTime

Синхронизировать слайдер с CurrentTime Video Dash Plotly

Аудиоэлемент HTML5 - ползунок поиска - не удалось установить свойство currentTime в HTMLMediaElement: указанное значение типа double не является конечным

HTML5 audio - currentTime attribute inaccurate?

html5 audio: изменение currentTime запускает несколько событий canplay

Получение HTML5 audio "currentTime" и "duration" в Python

Reveal.js html5 video и javascript - перезапуск воспроизведения видео с начала при проблемах со сменой слайда

HTML аудио не может установить currentTime

Javascript динамически создает HTML-элементы с нераспознанными функциями addEventListener

HTML 5 видеоплеер обновляет currentTime с заданным номером

Как транслировать видеофайл для тега html5 video

HTML5 Video - какова максимальная скорость воспроизведения?

Определить, воспроизводится ли элемент HTML5 Video

HTML5 <Video> "Цикл" с перерывом или задержкой в несколько секунд

HTML5 Video: автовоспроизведение не работает в лайтбоксе

HTML5 Video // Полностью скрыть элементы управления

TOP список

  1. 1

    Распределение Рэлея Curve_fit на Python

  2. 2

    TypeError: store.getState não é uma função. (Em 'store.getState ()', 'store.getState' é indefinido, como posso resolver esse problema?

  3. 3

    В типе Observable <unknown> отсутствуют следующие свойства из типа Promise <any>.

  4. 4

    Как добавить Swagger в веб-API с поддержкой OData, работающий на ASP.NET Core 3.1

  5. 5

    How to click an array of links in puppeteer?

  6. 6

    Merging legends in plotly subplot

  7. 7

    ViewPager2 мигает / перезагружается при смахивании

  8. 8

    Отчеты Fabric Debug Craslytic: регистрация, отсутствует идентификатор сборки, применить плагин: io.fabric

  9. 9

    How to normalize different curves drawn with geom = "step" when using stat_summary

  10. 10

    无法通过Vue在传单中加载pixiOverlay

  11. 11

    как я могу удалить vue cli 2?

  12. 12

    Как я могу нарисовать заполненный прямоугольник в JFreeChart?

  13. 13

    SQL Вычтите две строки друг от друга в одном столбце, чтобы получить результат

  14. 14

    Elasticsearch - Нечеткий поиск не дает предложения

  15. 15

    Single legend for Plotly subplot for line plots created from two data frames in R

  16. 16

    Описание моего типа Parser как серии преобразователей монад

  17. 17

    Как изменить цвета запятых и скобок в VS Code

  18. 18

    Сброс значения <input type = "time"> в Firefox

  19. 19

    Почему прокси в vue.config.js 404

  20. 20

    Как установить параметр -noverify с gradle ktx для робоэлектрических тестов Android?

  21. 21

    В чем разница между ifstream, ofstream и fstream?

популярныйтег

файл