Как воспроизвести видеоклип при наведении, сделать паузу, когда мышь уходит

Question

Я собираюсь работать на сайте, на котором продаются различные механические продукты.Клиент хочет, чтобы я сделал модель и фильм о каждом продукте, чтобы показать, как он работает.Вот пример продукта:

Flash Clip

У меня проблема в том, что он хочет, чтобы фильм воспроизводился только тогда, когда пользователь наводит курсор мыши на видео.Я попытался сделать это с помощью файла mp4, и он работал с использованием jQuery, но только в Chrome.Вот эта ссылка:

MP4 Clip

Я хочу, чтобы эти демонстрации были доступны для просмотра максимально широкой аудитории, поэтому я пытался держаться подальше от Flash (такжеЯ не очень хорошо знаю Flash, если вообще).Кто-нибудь знает, как заставить это видео работать в других браузерах, как во втором примере?Если нет, то как я могу реализовать ту же идею, используя Flash?

Спасибо за помощь!

Эмили

Answer 1

Во флеше код будет:

video1Wrapper.addEventListener(MouseEvent.MOUSE_OVER, playVideo1);

function playVideo1(event:MouseEvent):void
{
    video1.play();
}
video1Wrapper.addEventListener(MouseEvent.MOUSE_OUT, stopVideo1);

function stopVideo1(event:MouseEvent):void
{
    video1.gotoAndStop(1);
}

Answer 2

Я бы посоветовал посмотреть видео HTML5 с отступлением: http://www.html5video.org/

По сути, вы будете использовать элемент <video> с флеш-плеером внутри, так что если браузер не поддерживает video, он все равно будет воспроизводить видео во флэш-памяти.

Похоже, что проигрыватель KDP3 имеет разумный API-интерфейс JavaScript, поэтому вы должны иметь возможность управлять им с помощью JS, аналогично элементу video.