Spieluhr Effekt - Aber Wie?

[besercer]

Hallo liebe JsWelt Community,

da ich nichts passendes im Netz gefunden habe (eventuell habe ich auch falsch gesucht :/ ) habe ich gehofft ihr könnt mir hier weiterhelfen.

Folgendes:
Auf einer Website soll es ein oder mehrere Videos geben das/die erst abgespielt werden, sofern rechts daneben ein Seil mit der Maus runter gezogen und losgelassen wird. (Siehe Screen)


Also 1. mit der Maus aufs Seil klicken
2. Mit gedrückter Maustasten die Maus nach unten bewegen
3. Maustaste loslassen
4. Seil geht wieder nach oben - Video spielt ab/Nächstes Video beginnt

Wie oder womit realisiere ich das? Html5? Canvas? reines Javascript? Gibts fertige Scripte? Oder mit welchen Schlagwörtern würdet ihr nach dem Problem suchen?
Das ganze soll auch responsive und mobilefähig sein..>.<´

Vielen Dank schoneinmal für die Hilfe
Gruß besercer

 

[Quaese]

Hi,

vielleicht reicht dir ein einfaches Dragging mit gesetzter revert-Option der jQueryUI (Draggable | jQuery UI).

Beispiel: Edit fiddle - JSFiddle

Ciao
Quaese

 

[rico2009]

Ich gebe mal zu bedenken, dass so was den Benutzer verwirren kann. Vorher weiß der Benutzer was er wie in welcher Reihenfolge machen soll?

 

[Sempervivum]

Geniale Idee, Quaese! Ich kenne zwar draggable, aber auf die Idee, es damit zu machen, bin ich nicht gekommen.

 

[j-l-n]

vielleicht reicht dir ein einfaches Dragging mit gesetzter revert-Option der jQueryUI (Draggable | jQuery UI).

Beispiel: Edit fiddle - JSFiddle

Hab das Ganze mal noch ein bisschen weitergesponnen: Edit fiddle - JSFiddle