即使视频（及其容器）设置为“显示：无”，也会播放音频；答案

【问题标题】：Audio playing even though video (and its container) are set to "display: none;"即使视频（及其容器）设置为“显示：无”，也会播放音频；
【发布时间】：2020-12-09 22:16:07
【问题描述】：

我有一个 Brightcove 视频，它设置为有声自动播放，但仅限于在移动设备上查看该页面时。我设置了一个媒体查询来让视频和它的容器在桌面上设置为“显示：无”。但是，音频仍然在桌面上播放。如何关闭此功能？

这是否可能只使用 CSS，最好不要弄乱播放器本身或添加 Javascript？

【问题讨论】：

不是。 CSS justs 影响可见性，播放器元素仍然存在。
您必须为此使用 Javascript。 CSS 没有这样的能力。如果在选择视频元素的事件之后以编程方式添加并暂停它，您可以删除整个元素。

标签： angularjs audio ionic3 brightcove

【解决方案1】：

display:none 实际上并没有从 DOM 中删除该项目。它仍然存在，只是不可见。任何其他 CSS 选项都将获得相同的最终结果。如果您不想要播放器，则必须更改代码以将其从 DOM 中删除。

【讨论】：