如果未定义视频源，如何在 <video> 标签中显示文本

Question

在我的 html 页面上有一个标签，是用 JS 以编程方式创建的。
标签的创建分两步完成：

1. DOM 中的第 1 步之后，下一个元素出现：
   

<video autoplay="" style="width: 320px; height: 240px;">
<p>+++ Video inaccessible +++</p>
</video>

现在视频来源未定义。

2. 分配视频源（当 webRtc 从远程对等点接收参考时）：
   

userAV.audio.srcObject = event.streams[0];

但这一步可能发生也可能不发生。
我的问题是关于案件的，那么将不会收到推荐信。
问题是：如何在步骤 1 和 2 之间显示文本而不是视频（例如 - 视频无法访问）？

我尝试按照步骤 1 进行操作 - 我添加了带有文本（文本节点）的

标签，但文本没有出现在屏幕上。
虽然我看到320*240的区域是为视频保留的，但它是空的。

Answer 1

 <div id="video-container">
    <video style="width: 320px; height: 240px;" controls>
       <!-- No source defined -->
   </video>
      <div id="video-placeholder">
       Video is not available
       </div>
          </div>