Я пытаюсь контролировать HTML5 видео с помощью JQuery. У меня есть два клипа в интерфейсе с вкладками, всего шесть вкладок, на остальных просто есть изображения. Я пытаюсь заставить воспроизводиться видеоклипы при нажатии на их вкладку, а затем останавливаться при нажатии любой из других.
Это должно быть простым делом, но я не могу заставить его работать, код, который я использую для воспроизведения видео:
$('#playMovie1').click(function(){
$('#movie1').play();
});
Я прочитал, что элемент видео должен быть выставлен в функции, чтобы иметь возможность управлять им, но не могу найти пример. Я могу заставить его работать с помощью JS:
document.getElementById('movie1').play();
Будем признательны любому совету. Спасибо
источник
$('video').each(this.play());
играть все;$('video').each(this.pause());
приостановить все.each()
является функцией jQuery, в нее передается функция javascript, которая применяется к каждому элементу. Поскольку каждый элемент обрабатывается,this
представляет этот элемент..get(0)
на[0]
. Так$('video')[0].play();
или для конкретного идентификатора$('#videoId')[0].play();
.Ты можешь сделать
источник
Вот как мне удалось заставить его работать:
Все мои теги HTML5 имеют класс «myHTMLvideo»
источник
this.paused ? this.play() : this.pause();
Зачем вам нужно использовать JQuery? Ваше предлагаемое решение работает, и это, вероятно, быстрее, чем создание объекта jQuery.
источник
play
объект jQuery).movie1
сквозного выполнения$('movie1')
других действий jQuery, то это нормально; однако, если вы делаете это только в этом одном месте, вы обнаружите некоторую потерю производительности. Это может быть недостаточно заметно, но я люблю много оптимизировать.Для паузы нескольких видео я обнаружил, что это работает хорошо:
Это может быть помещено в функцию щелчка, которая довольно удобна.
источник
В качестве продолжения ответа одного дня, вы также можете использовать
Обратите внимание, что не вызывается функция jQuery get () или eq (). Массив DOM, используемый для вызова функции play (). Это короткий путь, чтобы иметь в виду.
источник
Мне нравится этот:
Надеюсь, поможет.
источник
Я использую FancyBox и jQuery для встраивания видео. Дайте ему удостоверение личности.
Возможно, не ЛУЧШЕЕ решение могло бы переключить воспроизведение / паузу по-другому - но легко для меня и ЭТО РАБОТАЕТ! :)
в
`
источник
Это простые методы, которые мы можем использовать
на JQuery функцию нажатия кнопки
Спасибо
источник
Просто отметьте, что вы проверяете, поддерживает ли браузер функцию видео, прежде чем пытаться вызвать ее:
Это предотвратит ошибки JavaScript в браузерах, которые не поддерживают тег видео.
источник
По JQuery с использованием селекторов
По Javascript с использованием идентификатора
ИЛИ
источник
использовать это..
$('#video1').attr({'autoplay':'true'});
источник
Я также заставил это работать так:
источник
@loneSomeday объяснил это красиво, вот одно решение, которое также может дать вам хорошее представление о том, как добиться функциональности play / pause
воспроизведение / пауза видео на клике
источник
источник
источник
источник