Question

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

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

所以我决定在我的视图中移动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);
      }
    });

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

未捕获（在promise中）DOMException：play（）请求被中断通过调用pause（）。

我可以通过重新启动来解决视频暂停的事实：

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

但我觉得这不方便，因为它没有摆脱主要错误。

有没有办法阻止暂停（）通过追加“移动”div来调用？或者任何移动元素而不触发暂停（）的技术？

Answer 1

使用autoplay属性

<video autoplay>

附加视频元素时防止不必要的暂停（）

1 个答案: