iframe中嵌套的页面无法使用摄像头和麦克风

如果需要访问需要对 iframe 的 allow 属性设置访问权限。根据报错提示,给标签加上相应的allow属性

<iframe ref="iframes" src="xxx" allow='microphone;camera;'></iframe>
#沙箱权限可以不设置
sandbox="allow-same-origin allow-popups allow-scripts allow-forms allow-top-navigation"

在vue中,直接在iframe上调用,有时候不行的,通过脚本设置

var iframeEl = this.$refs.iframes
if (iframeEl) {
    console.log(iframeEl, '获得iframe标签');
    iframeEl.allow = 'microphone;camera'
}

如果有域名

if (iframeElment) {
    console.log(iframeElment, '获得iframe标签');
    iframeElment.allow = 'microphone *;camera *'
}