Как получить элементы управления, щелкнув элемент видео?

Question

Добавление следующего события можно восстановить видеопроигрыватель управление нажмите просто отлично:

objectVideo.addEventListener("click", function() ... 

но это не срабатывает, если пользователь нажимает на панели элементов управления (html5 управления видео по умолчанию).

Как я могу получить событие click для элемента управления?

благодаря

Answer 1

Из моего понимания, что вы хотите сделать, это захватить первый щелчок, который пользователь делает на видеоэлемент, чтобы сказать, когда они начинают взаимодействовать с этим элементом.

Вы не сможете получать события непосредственно из элементов управления проигрывателя, поскольку они не стандартизированы в браузерах. То, что я рекомендую вместо того, что вы захватить первый клик с помощью прозрачного DIV на видео:

сделать прозрачным, абсолютным позиционированием DIV на видео, как так:

<div id="container"> 
    <video ...></video> 
    <div id="overlay"></div> 
</div> 

#overlay { 
    position: absolute; 
    left: 0; 
    top: 0; 
    right: 0; 
    bottom: 0; 
} 

Затем вы можете использовать:

document.getElementById("overlay").addEventListener("click", function() ... 

и обязательно отключите оверлей после первого щелчка!