HTML5 Video - позиция кликов

Question

HTML5 Video - позиция кликов

0

Хорошо, я хочу, чтобы пользователь мог нажимать на определенную область видео, а x происходит, в противном случае ничего не происходит с чистым JavaScript, а не с JQuery...

У меня есть:

document.getElementById('videoEle').addEventListener('click',handleClick,false);
function handleClick() {
if(video.currentTime > 24.5 && video.currentTime < 29)
    {
        console.log("Good timed click: " + video.currentTime);
    } else {
        console.log(video.currentTime);
    }
}

Там я собираюсь сделать так, чтобы изменить src видео, если они нажмут в нужное время и в нужную позицию, но я ничего не могу найти при позиционном нажатии на элемент HTML5 Video. Возможно ли это еще?

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

Заранее спасибо!

WebTim 06 апр. 2014, в 23:21

Источник

0

Я думаю, что вам лучше использовать холст с пользовательскими элементами управления. (как делает YT.)
Wazzaps 06 апр. 2014, в 21:20

Теги:

javascript

html

html5

video

1 ответ

Ещё вопросы

Я думаю, что вам лучше использовать холст с пользовательскими элементами управления. (как делает YT.)

Mr. Blah · Accepted Answer · 2014-04-06T19-07-00.000Z

Попробуйте использовать это:

videoElement = document.getElementByID("videoEle");
videoElement.addEventListener("mousedown", handleClick, false);
handleClick = function(e) {
    if(videoElement.currentTime > 24.5 && videoElement.currentTime < 29) {
        console.log("Good timed click: " + videoElement.currentTime);
    } else {
        console.log(videoElement.currentTime);
    }
    console.log("Mouse-X: " + (e.clientX + window.pageXOffset));
    console.log("Mouse-Y: " + (e.clientY + window.pageYOffset));
    e.preventDefault();
}

Обратите внимание, что MouseEvent (e).clientX и clientY дают координаты X и Y мыши относительно окна без учета прокрутки. Чтобы исправить это, вам нужно добавить window.pageXOffset и window.pageYOffset. window.pageXOffset и window.pageYOffset не поддерживаются в старых версиях IE. E.preventDefault() предназначен для предотвращения приостановки видео при нажатии на него.

Спасибо! Что мне действительно нужно было: console.log ("Mouse-X:" + (e.offsetX)); console.log ("Mouse-Y:" + (e.offsetY)); Это дало мне местоположение на видео независимо от того, где оно находится на странице.