Создание HTML5-видео с возможностью перетаскивания без потери контроля

У меня есть видео проигрыватель HTML5 в этом jsfiddle -http://jsfiddle.net/6B7w7/ это отлично работает При нажатии на строку «Video1 - BranFerren» видео загружается и воспроизводится, и элементы управления работают нормально:

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

Но я хочу иметь возможность перетаскивать плеер в другую часть экрана во время его воспроизведения. Поэтому я попытался сделать сам видеоплеер, #videoPlayer, или div-обертку videoPlayer, #videoPlayer_wrapper, перетаскиваемым в строках 3 и 4 JavaScript.

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

Раскомментирование любой из этих строк делает видеоплеер перетаскиваемым, хорошо, но я больше не могу устанавливать положение или ползунки аудио на элементах управления видео.

Кто-нибудь знает, как я могу сделать видео перетаскиваемым и все же иметь возможность контролировать положение воспроизведения и громкость?

Спасибо

Ответы на вопрос(1)

Ваш ответ на вопрос