Создание HTML5-видео с возможностью перетаскивания без потери контроля
У меня есть видео проигрыватель HTML5 в этом jsfiddle -http://jsfiddle.net/6B7w7/ это отлично работает При нажатии на строку «Video1 - BranFerren» видео загружается и воспроизводится, и элементы управления работают нормально:
<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>
Но я хочу иметь возможность перетаскивать плеер в другую часть экрана во время его воспроизведения. Поэтому я попытался сделать сам видеоплеер, #videoPlayer, или div-обертку videoPlayer, #videoPlayer_wrapper, перетаскиваемым в строках 3 и 4 JavaScript.
3 //$('#videoPlayer_wrapper').draggable();
4 //$('#videoPlayer').draggable();
Раскомментирование любой из этих строк делает видеоплеер перетаскиваемым, хорошо, но я больше не могу устанавливать положение или ползунки аудио на элементах управления видео.
Кто-нибудь знает, как я могу сделать видео перетаскиваемым и все же иметь возможность контролировать положение воспроизведения и громкость?
Спасибо