2016-06-08 3 views
1

в основном у меня есть бейсик видеоэлементДобавление MouseMove слушателя штурвала видеоэлемента с Javascript

<video width="320" height="240" controls> 
<source src="http://www.w3schools.com/html/mov_bbb.mp4" type="video/mp4"> 
Your browser does not support the video tag. 
</video> 

есть способ без JQuery, чтобы добавить слушатель штурвал видеоэлемента ? элементы управления, как вы знаете, будет выглядеть следующим образом на различных браузерах:

enter image description here

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

Edit: я также нужна функция, которая будет выполняться, когда пользователь перемещается из управления

+0

Есть много пользовательских HTML видеопроигрыватели имеющихся которые позволили бы контролировать вы ищете. Это вариант? – theblindprophet

+0

Я не могу использовать ничего, кроме чистого javascript, так как это API. добавление jQuery невозможно, так как это большая библиотека, и я не хочу ее заставлять. в основном, мне нужен легкий (100 строк макс.) код javascript. – user1938653

+0

Я не упоминал JQuery, это можно легко сделать с помощью Javascript. Если вы в порядке, я могу предоставить вам пример. – theblindprophet

ответ

0

Чтобы добавить курсор событие для объекта, вы можете использовать следующий код:

yourobject.addEventListener("mouseover", function() { 
    //whatever you want to do 
}); 

чтобы добавить мышь из события на объект, вы можете использовать следующий код:

yourobject.addEventListener("mouseout", function() { 
    //whatever you want to do 
}); 

Ссылки:

+0

звучит многообещающе, но как я могу связать это событие с элементами управления? Я знаю, как сделать событие mouseover и mouseout на обычном элементе видео, но это не помогает. – user1938653

+0

@ user1938653 Затем вам нужно добавить свои собственные элементы управления к видео. Я нашел хорошие учебники здесь: http://blog.teamtreehouse.com/building-custom-controls-for-html5-videos и http://www.creativebloq.com/html5/build-custom-html5-video-player- 9134473 – Axel

Смежные вопросы