перетаскивайте div фильма вокруг страницы

Question

Мне нужно переделать проект, который основывался на эффекте наведения, довольно хороший, но не подходящий для клиента.Моя задача состоит в том, чтобы иметь возможность выбрать изображение и переместить его в область экрана (назовите это экраном фильма), а затем заставить его воспроизвести событие, например, кнопку воспроизведения.

Я не ожидаю, что какой-либо ответ, кроме как, возможно, будет указывать на некоторые примеры, которые используют перемещение объекта, такого как файл фильма, а не статическое изображение.

Answer 1

Думаю, вам стоит взглянуть на демонстрации перетаскивания пользовательского интерфейса jQuery

После того, как вы его настроите, вы можете активировать перетаскиваемый div изображения, чтобы начать воспроизведение файла фильма, как только вы поместили его в определенную цель, например.

$( ".selector" ).droppable({ drop: function(event, ui) { <call javascript to play movie here> }});