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   <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