Eu tenho um player de vídeo HTML5 neste jsfiddle -http://jsfiddle.net/6B7w7/ isso funciona bem. Quando você clica na linha "Video1 - BranFerren", o vídeo é carregado e reproduzido, e os controles funcionam bem:

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

Mas eu quero poder arrastar o player para uma parte diferente da tela enquanto ele estiver tocando. Tentei fazer com que o próprio player de vídeo, #videoPlayer, ou a div do wrapper videoPlayer, #videoPlayer_wrapper, arrastassem nas linhas 3 e 4 do JavaScript.

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

O não comentário de qualquer uma dessas linhas torna o reprodutor de vídeo arrastável, tudo bem, mas não consigo mais definir a posição ou os controles deslizantes de áudio nos controles de vídeo.

Alguém sabe como posso arrastar o vídeo e ainda assim poder controlar a posição de reprodução e o volume?

obrigado