HTML5 Vidéo personnalisée supplémentaire barre de recherche

Je suis bricoler avec les vidéos HTML5. J'ai une vidéo en utilisant la vanille HTML5 <video> tag, quelque chose comme ceci:

<video id="video" width="250" height="250" controls>
    <source src="video_src.mp4" type="video/mp4">
</video>

Tout est bien. Ce que je cherche est un moyen d'avoir une barre de recherche en bas de la vidéo. La seekbar sera une image que j'ai que représente la vidéo. En cliquant n'importe où sur l'image, la vidéo se déplacer à ce point.

Encore une fois, ce sera le travail en plus de la valeur par défaut de la barre de progression qui vient avec la vidéo par défaut de la fonctionnalité. La valeur par défaut et la coutume seekbar devrait être synchronisés, de sorte que lorsque l'on est mis à jour, l'autre se déplace aussi bien.

Quelqu'un peut-il m'indiquer la bonne direction?

Merci!

J'ai du mal à conceptualiser personnellement, mais je peux imaginer que vous auriez à la carte, une division de la durée totale de la vidéo entre la largeur de votre barre de recherche et en cliquant dans un certain lieu de travail la différence dans le temps actuel et le temps alloué à ce secteur sur votre barre de recherche, puis l'ajouter à la vidéo.
vous avez raison @Crowes. J'ai mis en œuvre le même ci-dessous.

OriginalL'auteur intl | 2017-01-31