Обработка видеоролика

Тема в разделе "HTML, CSS, XML, JavaScript", создана пользователем aivory, 2 сен 2011.

  1. aivory

    aivory Гость

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

    Код (PHP):
    <VIDEO ID="vid1" SRC="system_of_a_down_-_lonely_day.ogg" POSTER="1.jpg"></VIDEO>
    <script>
    var oVid1 = document.getElementById("vid1");
    oVid1.addEventListener("mouseover",
    function ()
    {
    oVid1.play();
    }, false);
    oVid1.addEventListener("mouseout",
    function ()
    {
    oVid1.pause();
    }, false);
    </SCRIPT>
     
Загрузка...

Поделиться этой страницей