Javascript 为什么赢了'；这不是我的网络流秀吗？

我试图在android设备上测试下面的代码，但没有成功（出现了切换按钮，但相机输出没有）。然后我决定在Mac电脑上测试它，它成功了（它只显示了摄像头输出和按钮，按钮没有任何作用，因为没有后置摄像头）。以下是我的代码（其中的javascript部分）：

以下是我代码的HTML部分：

<video id="webcam">
</video>
<button Id="flip-button">switch
</button>

#webcam {} #flip-button {
    background-color: #202060;
    height: 15%;
    width: 20%;
    border: none;
    margin-left: 40%;
}

---

谢谢您抽出时间。

您的身份证搞错了。将

#网络摄像头

替换为

#视频

或者删除这行：

var video = document.querySelector('#webcam');

后者之所以有效，是因为ID在全局范围内隐式可用，以实现向后兼容性。有些人不喜欢这个，但它是整洁的小提琴

一些初学者建议：始终检查浏览器的web控制台是否有错误。这里说,

TypeError: video is null

这就是

querySelector

的结果为

null

的线索

PS:您还有两个相互竞争的

约束定义

，您的

面部模式

未使用。最后，翻转

front

不会有多大作用，除非再次使用

front

，但实际情况并非如此

TypeError: video is null