Tengo un reproductor de video HTML5 en este jsfiddle -http://jsfiddle.net/6B7w7/ Eso funciona bien. Cuando haces clic en la línea "Video1 - BranFerren", el video se carga y reproduce, y los controles funcionan bien:

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

Pero quiero poder arrastrar el reproductor a una parte diferente de la pantalla mientras se reproduce. Así que traté de hacer que el reproductor de video, #videoPlayer, o el videoPlayer wrapper div, #videoPlayer_wrapper, se pueda arrastrar en las líneas 3 y 4 del JavaScript.

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

Descomentar cualquiera de estas líneas hace que el reproductor de video sea arrastrable, está bien, pero ya no puedo establecer la posición o los controles deslizantes de audio en los controles de video.

¿Alguien sabe cómo puedo hacer que el video sea arrastrable y aún así poder controlar la posición de reproducción y el volumen?

Gracias