Предотвращение нежелательной паузы() при добавлении видеоэлемента

Question

В проекте cordova я использую плагин камеры. В браузере он создает элемент видео в div с классом cordova-camera-capture.

Из-за рамки css, которую я использую (FrameWork7), этот div невидим, и я не могу взять изображение веб-камеры.

Так что я решил переместить div на мой взгляд (в div с ID capture).

Вот мой код:

$(document).on('DOMNodeInserted', function(e) { 
     var element = e.target; 

     if ($(element).is('div.cordova-camera-capture') && !$(element).parent().is('div#capture')) { 
     $('#capture').append(element); 
     } 
    }); 

Он работает, но видео останавливается. Я могу видеть захват веб-камеры, а на консоли я сталкиваюсь:

неперехваченным (обещанию) DOMException: запрос воспроизведения() была прервана вызовом паузы().

я могу зафиксировать тот факт, что в видео паузы вновь запустить его:

$('#capture').find('video').get(0).play(); 

Но я не считаю, это удобный способ, поскольку он не избавиться от основной ошибки.

Есть ли способ предотвратить вызов паузы() при перемещении div путем добавления его? Или любой способ перемещения элемента без запуска паузы()?

Answer 1

Используйте autoplay атрибут

<video autoplay>