Verschieben von HTML5-Videos ohne Verlust der Steuerelemente

Ich habe einen HTML5-Video-Player in dieser Jsfiddle -http://jsfiddle.net/6B7w7/ das funktioniert gut. Wenn Sie auf die Zeile "Video1 - BranFerren" klicken, wird das Video geladen und abgespielt, und die Steuerelemente funktionieren einwandfrei:

<div id="video1" class="video_link">Video 1 - BranFerren &nbsp&nbsp<b>6:15</b></div>

<div id="videoPlayer_wrapper"> 
        <video id="videoPlayer" width="600" height="340" controls > 
        </video>
 </div> 

Ich möchte jedoch den Player während der Wiedergabe auf einen anderen Teil des Bildschirms ziehen können. Also habe ich versucht, entweder den Videoplayer selbst, #videoPlayer, oder den VideoPlayer-Wrapper div, #videoPlayer_wrapper, in die Zeilen 3 und 4 des JavaScript zu ziehen.

 3   //$('#videoPlayer_wrapper').draggable();
 4   //$('#videoPlayer').draggable();

Das Deaktivieren einer dieser Zeilen macht den Video-Player zwar ziehbar, aber ich kann die Position oder die Audio-Schieberegler auf den Video-Steuerelementen nicht mehr einstellen.

Weiß jemand, wie ich das Video ziehbar machen und trotzdem die Abspielposition und die Lautstärke steuern kann?

Vielen Dank

Antworten auf die Frage(1)

Ihre Antwort auf die Frage