Bezdepbonusu7Программирование: статьи и ответы
Меню

Вопрос

Автовоспроизведение/пауза при наведении курсора мыши JQuery

Автор вопроса: Tai NguyenОтветов: 1

У меня следующая проблема. Вот код:

<div class="article-content-wrapper>
  <%= video_tag 'Garden.mp4', :class => "video", :controls => true %>
</div>

При наведении курсора я хочу, чтобы видео запускалось автоматически/возобновлялось, а при наведении курсора видео останавливалось.

Как я могу сделать это с помощью JQuery? Я много искал на веб-сайте JQuery, но ничего для себя не нашел. Код, который я пробовал, не работал.

cSlider: остановить автовоспроизведение при наведении курсора или автоматическое воспроизведение видео в слайдере или Автовоспроизведение видео JQuery по клику

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

  • Не могли бы вы опубликовать фактически сгенерированный HTML Rory McCrossan 15.05.2015

javascriptjqueryvideoautoplay

Ответы

Ответ 1 · рейтинг 7 · kosmos

Простой обходной путь:

$(function(){
    $('.video').on('mouseenter', function(){
        if( this.paused) this.play();
    }).on('mouseleave', function(){
        if( !this.paused) this.pause();
    });
});

Проверьте jsFiddle

Перевод вопроса и ответов сообщества Stack Overflow, лицензия CC BY-SA. Оригинал на Stack Overflow.

Похожие материалы