javascript - 附加视频元素时防止不必要的暂停()

Question

在cordova项目中，我使用相机插件。在浏览器中，它在 div 中创建一个带有 cordova-camera-capture 类的视频元素。

由于我使用的CSS框架(FrameWork7)，这个div是不可见的，我无法拍摄网络摄像头图片。

所以我决定在我的 View 中移动该 div(在 ID 为 capture 的 div 中)。

这是我的代码:

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

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

它可以工作，但视频已停止。我可以看到网络摄像头捕获的内容，但在控制台上我遇到:

Uncaught (in promise) DOMException: The play() request was interrupted by a call to pause().

我可以通过重新启动视频来解决视频暂停的问题:

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

但我发现它不是一种方便的方法，因为它不能消除主要错误。

有什么方法可以通过附加 div 来阻止对“移动” div 的暂停()调用吗？或者有什么技术可以在不触发pause()的情况下移动元素？

Answer 1

使用自动播放属性

<video autoplay>