как включить перетаскивание встроенного видеообъекта в браузер (например, видео YouTube)

Question

Как включить перетаскивание объекта <embed> на веб-странице (с использованием JavaScript)? Обычно, когда я выбираю какой-либо текст или изображение на веб-странице, я могу перетащить его и хочу сделать то же самое для объекта.

В частности, я хочу иметь возможность перетаскивать видео с YouTube. Сейчас я не беспокоюсь о том, чтобы бросить, а также я не хочу использовать пользовательский интерфейс jQuery, если это вообще возможно. Встраивание YouTube выглядит следующим образом

<embed id="movie_player" ... type="application/x-shockwave-flash" />

Я пишу расширение для браузера (для Chrome), поэтому у меня есть полный доступ к DOM и браузеру.

Answer 1

Я думаю, что jQuery здесь лучший, это также javascript, и все, что вы делаете, - это встраиваете его на свой сайт. И если вы хотите, чтобы полупрозрачный эффект отображал перетаскивание, я думаю, вы можете добавить событие для маркера перетаскивания. Используйте onMouseDown и onMouseUp. Например, этот div обрабатывает ваш YouTube: CSS для прозрачного:

opacity: .7; filter:Alpha(Opacity=70);, где 0,7 и 70 - это процент непрозрачности элемента!

[Пример]:

<div onMouseDown="this.style.opacity='0.7'; this.style.filter='Alpha(Opacity=70)';" onMouseUp="this.style.opacity='1.0'; this.style.filter='Alpha(Opacity=100)';"><br><embed something here></embed></div>.

Хорошо, если вы как-то передумали и хотите использовать jQuery, попробуйте, я обещаю, это очень просто!

Прежде всего, вставьте это на свой сайт:

<script src="http://code.jquery.com/jquery-1.5.1.min.js"></script><script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.10/jquery-ui.min.js"></script>

<script language="javascript" type="text/javascript">$(document).ready(function(){$(".drag").draggable();});</script>

Во-вторых, дайте все, что вы хотите, чтобы перетащить класс "перетащить", в этом случае:

<div class="drag">YOUR YOUTUBE VIDEO EMBED HERE</div>

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

xx3004