Я использую инструменты jQuery для наложения. В наложении у меня есть видео HTML5. Однако, когда я закрываю наложение, видео продолжает играть. Какая-либо идея, как я мог бы заставить видео останавливаться, когда я закрываю наложение? Вот код, который я имею:
$("img[rel]").overlay({ onClose: function() { <stop the video somehow> }, mask: { color: '#000', opacity: 0.7 }});
Я пытался использовать
$('video').pause();
Но это приостановило наложение также.
Проблема может быть в выбранном вами селекторе jquery.
$ ("video")
не является селектором
Правый селектор может помещать элемент id для тега video , то есть
Допустим, ваш видеоэлемент выглядит так:
<video id="vid1" width="480" height="267" oster="example.jpg" durationHint="33">
<source src="video1.ogv" />
<source src="video2.ogv" />
</video>
Затем вы можете выбрать его через $ ("# vid1")
с хеш-меткой (#), селектор идентификатора в jquery.
Если элемент видео отображается в функции, то у вас есть доступ к HtmlVideoElement (HtmlMediaElement). Этот элемент контролирует элемент видео, в вашем случае вы можете использовать метод pause ()
для ваш видеоэлемент.
См. Ссылку на VideoElement здесь .
Также проверьте наличие резервной ссылки здесь .
Мой опыт работы с Firefox заключается в том, что добавление атрибута ' id
' к элементу видео приводит к полному сбою Firefox ... как при просьбе отправить отчет об ошибке. Удалите элемент id
, и он работает нормально. Я не уверен, что это справедливо для всех, но я подумал, что поделюсь своим опытом, если это поможет.