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

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

Флеш-клип

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

Клип MP4

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

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

Эмили


jquery video hover flash
person Emily P    schedule 25.03.2011    source источник
comment
Для чего-то особенного вам, вероятно, придется сделать проигрыватель во Flash — кроме того, для попытки охватить максимально возможную аудиторию Flash, безусловно, выигрывает (он работает почти на всем, кроме iOS — с mp4 он победит). не работает по умолчанию в любой версии IE, Firefox или Opera, так что только в Chrome и Safari).   -  person jpea    schedule 25.03.2011

Ответы (2)


arrow_upward
2
arrow_downward

Во флэш-памяти код будет таким:

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);
}
person jonshariat    schedule 25.03.2011

arrow_upward
1
arrow_downward

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

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

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

person zzzzBov    schedule 25.03.2011