Javascript, jQuery кнопка остановки воспроизведения с href html5 видео

0

Я пытаюсь сделать href, чтобы приостановить воспроизведение видео HTML 5 с помощью javascript, но я еще не выполнил это мой html:

<a href="" class="play-pause">play-pause</a> 

<video poster="bg.jpg" loop id="bg-vid"></video>

и это мой javascript (у меня нет очень мало опыта работы с javascript, так что это было мое предположение о том, как это будет выглядеть, но это не сработало)

$(".play-pause").click, '#bg-vid'(function(e){
    var video = $(this).get(0);
    if (video.paused === false) {
        video.pause();
    } else {
        video.play();
    }

    return false;
});
  • 0
    Тег пуст, поэтому нажимать нечего. Кроме того, ничто не имеет класса, but , поэтому я не знаю, почему вы используете его в качестве селектора ...
  • 0
    Извини мой плохой почему-то удалил текст, теперь класс правильный и текст добавлен в
Показать ещё 1 комментарий
Теги:
video

1 ответ

0

Если у вас не будет одной кнопки паузы, которая управляет несколькими видео, вы должны, вероятно, изменить паузу воспроизведения от класса к id:

<a href="" id="play-pause">play-pause</a>

Кроме того, я бы объявил обработчик кликов внутри тега, а не назначил его во время выполнения:

<a href="" id="play-pause" onclick="playpause()">play-pause</a>

Затем в js определите функцию, называемую playpause() которая вызывает $('#bg-vid').pause() или $('#bg-vid').play() если необходимо.

Ещё вопросы

Сообщество Overcoder
Наверх
Меню