Можно ли отследить mousemove над youtube iframe?

Ссылка скопирована
1 ответ

Можно ли отследить mousemove над youtube iframe или это из соображений безопасности заблокировано?

Дополнительно:

если не навешивать сверху div, то нельзя, т.к. все события наружу из iframe-а не выходят, но с div-ом никакие события внутрь не попадут

  • IvanU7n, Я думал о таком варианте, но в этом случае, iframe - более не интерактивен.
  • Дмитрий, среднего варианта вроде как не существует: или полный перехват всех pointer-событий наложенным div-ом, или их полное отсутствие из-за особенностей iframe
  • Дмитрий, а такой вариант может сработать? что-то типа закрываем iframe смоим дивом и вешаем на него css pointer-events: none
  • Владислав Лысков, В этом случае, наложенный div с pointer-events: none просто не будет получать событие движение мышью, получается что и смысла в нем нет..
  • Нужно решить такую задачу?

    Опишите проблему, и специалист поможет с настройкой, исправлением ошибки или доработкой сайта. Подберём понятный план работ без лишней переписки.

    Заказать помощь
    Лучший ответ
    1
    Ольга Сеть Ответ

    Да, можно отследить mousemove над youtube iframe с помощью JavaScript. Для этого нужно добавить обработчик события mousemove к iframe и проверить, находится ли курсор мыши внутри iframe.

    Пример кода на JavaScript:

    // Получаем элемент iframe
    var iframe = document.getElementById('youtube-iframe');
     
    // Добавляем обработчик события mousemove к iframe
    iframe.addEventListener('mousemove', function(event) {
        // Получаем координаты курсора мыши
        var x = event.clientX;
        var y = event.clientY;
     
        // Получаем размеры iframe
        var rect = iframe.getBoundingClientRect();
        var iframeX = rect.left;
        var iframeY = rect.top;
        var iframeWidth = rect.width;
        var iframeHeight = rect.height;
     
        // Проверяем, находится ли курсор мыши внутри iframe
        if (x >= iframeX && x = iframeY && y <= iframeY + iframeHeight) {
            console.log('Курсор мыши находится над youtube iframe');
        }
    });

    // Получаем элемент iframe var iframe = document.getElementById('youtube-iframe'); // Добавляем обработчик события mousemove к iframe iframe.addEventListener('mousemove', function(event) { // Получаем координаты курсора мыши var x = event.clientX; var y = event.clientY; // Получаем размеры iframe var rect = iframe.getBoundingClientRect(); var iframeX = rect.left; var iframeY = rect.top; var iframeWidth = rect.width; var iframeHeight = rect.height; // Проверяем, находится ли курсор мыши внутри iframe if (x >= iframeX && x = iframeY && y <= iframeY + iframeHeight) { console.log('Курсор мыши находится над youtube iframe'); } });

    Этот код будет отслеживать движение мыши над youtube iframe и выводить сообщение в консоль, если курсор мыши находится внутри iframe. Пожалуйста, убедитесь, что у вас есть доступ к изменению кода на странице с youtube iframe, так как в противном случае это не будет работать из-за политики безопасности браузера.

    Другие ответы (0)

    Пока нет других ответов. Будьте первым, кто поможет автору.

    Ответить на вопрос

    комментарий

    Ваш адрес email не будет опубликован. Обязательные поля помечены *

    Вам также может быть интересно