мой первый букмарклет

Question

Итак, я работаю над своим первым букмарклетом и у меня было несколько вопросов.

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

Пользовательский поток будет выглядеть примерно так:

1. пользователь нажимает на букмарклет, и он может наводить курсор на определенные элементы страницы, на которых он выделяется (думаю, Firebug проверяет)
2. пользователь наводит курсор на правильный div (там, где находится видео) и щелкает по нему
3. та область, которую он щелкает, остается «прозрачной», в то время как остальная часть видимой страницы браузера становится черной (или, скажем, 90% opaque.)
4. повторное нажатие на букмарклет очистит выделение и позволит пользователю начать заново.

Другая идея - разрешить пользователю "перетаскивать / рисовать" aпрямоугольник, в котором будет находиться видео, а затем после выбора на странице произойдет шаг 3.

Я просто ищу любые идеи / фрагменты / все остальное, что могло бы помочь мне в этом.правильное направление.

Answer 1

Попробуйте поместить непрозрачный / почти непрозрачный черный div на весь экран, а затем установите z-index видео на нечто большее, чем черный div.

Вы можете использовать что-то вроде того, что находится на этой странице, чтобы определить, над каким элементом находится мышь, и выделить его.