WordPress帖子中的增强现实iFrame

我在cPanel中托管了一个HTML文件-

AFRAME.registerComponent（'foo'{
init:function（）{
此.el.addEventListener（“单击”，（e）=>{
控制台日志（e）
document.querySelector（“a-animation”）.emit（“按钮按下”）
})
}
})

如果我使用另一个HTML文件测试将此文件放置在iFrame中-


你好
你好！

我是你的酷新网页。用…做的！


它按预期工作


当我尝试使用添加相同的iFrame到WordPress帖子时

<iframe src="https://ar.tiagoperes.eu/ar.html" width="300px" height="300px"></iframe>  



我得到了错误

网络摄像头错误

名称：NotAllowedError

消息：当前上下文中的用户代理或平台不允许该请求


这就是我在帖子里看到的-


我已经测试过使用Elementor的HTML和自定义HTML元素以及WordPress编辑器添加iframe，但在所有选项中仍然存在相同的错误。在Windows10计算机和Android设备上使用Chrome和Firefox对此进行了测试。在所有场景中，错误都会持续出现。
发生此问题的原因是需要请求相机许可。为了修复它，我将iframe更改为

<iframe src="https://ar.tiagoperes.eu/ar.html" width="300px" height="300px" allow="camera"></iframe>



其中包括
allow=“camera”
，它将提示请求使用摄像机的通知，在接受后，我们可以看到以下内容


注意：请注意使用HTTPS而不是HTTP的重要性。
：），很高兴您能理解这一点。如果你能提到一路上指导你的人那就太好了。哦，我不知道你也在这里。感谢您在Twitter上的帮助；）
<iframe src="https://ar.tiagoperes.eu/ar.html" width="300px" height="300px"></iframe>  

<iframe src="https://ar.tiagoperes.eu/ar.html" width="300px" height="300px" allow="camera"></iframe>