Видео HTML5 Остановка при закрытии

Проблема может заключаться в том, что выбранный вами селектор 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") с решеткой (#), селектором id в jquery. Если элемент видео отображается в функции, у вас есть доступ к HtmlVideoElement (HtmlMediaElement). Этот элемент имеет контроль над элементом видео, в вашем случае вы можете использовать метод pause() для своего элемента видео.

См. ссылку на VideoElement здесь.
Также проверьте, что здесь есть запасная ссылка.

Если вы хотите остановить воспроизведение каждого тега фильма на вашей странице, этот небольшой фрагмент jQuery поможет вам:

$("video").each(function () { this.pause() });

Запуск видео в разных браузерах

Для Опера 12

window.navigator.getUserMedia(param, function(stream) {
                            video.src =window.URL.createObjectURL(stream);
                        }, videoError );

Для Firefox Nightly 18.0

window.navigator.mozGetUserMedia(param, function(stream) {
                            video.mozSrcObject = stream;
                        }, videoError );

Для Хрома 22

window.navigator.webkitGetUserMedia(param, function(stream) {
                            video.src =window.webkitURL.createObjectURL(stream);
                        },  videoError );

Остановка видео в разных браузерах

Для Опера 12

video.pause();
video.src=null;

Для Firefox Nightly 18.0

video.pause();
video.mozSrcObject=null;

Для Хрома 22

video.pause();
video.src="";

Для меня работает следующее:

$('video')[0].pause();

У кого-то уже есть ответ.

$('video') вернет массив элементов видео. Это абсолютно правильный селектор!

so

$("video").each(function () { this.pause() });

заработает.

Для приложения JQM + PhoneGap у меня сработало следующее.

Следующее было минимумом, который я должен был сделать, чтобы заставить это работать. На самом деле я столкнулся с остановкой из-за буферизации при создании запросов ajax, когда пользователь нажимал кнопку «Назад». Приостановка видео в Chrome и браузере Android сохраняла его буферизацию. Неасинхронный запрос ajax зависнет в ожидании завершения буферизации, чего никогда не произойдет.

Привязка этого к событию beforepagehide исправила это.

 $("#SOME_JQM_PAGE").live("pagebeforehide", function(event)
 {
           $("video").each(function () 
           { 
               logger.debug("PAUSE VIDEO");
               this.pause();
               this.src = "";
           });
 });

Это удалит все теги видео на странице.

Важная часть это this.src = "";

Мой опыт работы с Firefox заключается в том, что добавление атрибута 'id' к видеоэлементу приводит к полному сбою Firefox... как если бы вас просили отправить отчет об ошибке. Удалите элемент id, и он отлично работает. Я не уверен, что это верно для всех, но я решил поделиться своим опытом, если это поможет.

Чтобы сэкономить часы кодирования, используйте подключаемый модуль jquery, уже оптимизированный для встроенных видео-iframe.

Я потратил пару дней, пытаясь безуспешно интегрировать API moogaloop Vimeo с инструментами jquery. См. этот список для нескольких более простых вариантов.

Попробуй это:

if ($.browser.msie)
{
   // Some other solution as applies to whatever IE compatible video player used.
}
else
{
   $('video')[0].pause();
}

Но учтите, что $.browser устарел, но я не нашел сопоставимого решения.