Я приостанавливаю видео с помощью метода pause()
.. проблема в том, что звук продолжает воспроизводиться... Я также попытался приостановить его с Javascript Console в Firefox... ничего не происходит. Видео находится в формате .ogg и даже не воспроизводится в Chrome (потому что я думаю, что он не поддерживается).
Я размещал видео на Amazon S3, и оно прекрасно транслировалось. Я создаю элемент динамически, загружая его информацию из запроса JSON.
Вот какой код:
function showVideo() {
var video = videodata;
var videobox = $('#videobox').first();
var videoplayer = document.getElementById('videoplayer');
if (video.Enabled) {
if ((videoplayer != null && videoplayer.currentSrc != video.Location) || videoplayer == null) {
console.log('Creating video elem');
videobox.empty();
videobox.append('<video id="videoplayer" preload="auto" src="' +
video.Location + '" width="100%" height="100%" autoplay="autoplay" loop="loop" />');
videobox.show();
}
} else {
if (videoplayer != null) {
videoplayer.pause();
console.log('Pausing video...');
}
console.log('Deleting video elem');
videobox.hide();
videobox.empty();
}
}
Я уже отправил аналогичный вопрос раньше... но теперь я использую другие браузеры, поэтому я решил создать новый вопрос.
Вот рабочий код (спасибо пользователю heff!)
function showVideo() {
var video = videodata;
var videobox = $('#videobox').first();
var videoplayer = document.getElementById('videoplayer');
if (video.Enabled) {
if ((videoplayer.src != video.Location) || videoplayer.src == '') {
console.log('Playing video: ' + video.Location);
videoplayer.src = video.Location;
videoplayer.load();
videoplayer.play();
videobox.show();
}
} else {
if (videoplayer.src != '') {
console.log('Pausing video...');
videoplayer.pause();
videoplayer.src = '';
videobox.hide();
}
}
}