您可以隐藏嵌入的 youtube 视频但仍然播放音频吗？

Question

我的网站上有一个页面，用户可以在其中 ember 带有典型

的 youtube 视频

<iframe width="560" height="315"
src="https://www.youtube.com/embed/T3kCQpX0H8E?autoplay=1"frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>

大多数用户使用它在其他用户访问时自动播放他们页面上的歌曲。有没有办法隐藏视频，播放音频而不是视频。我想通过在用户访问时不显示此类视频来使我的网站更易于移动设备使用，因为一些用户抱怨它会占用他们的数据

Answer 1

一个快速的解决方法，尽管如此，DOM 操作的最佳做法是通过将其高度和宽度保留为 1px 并将其不透明度保留为零来基本上隐藏此框架。同样，我认为这不是一个好的做法，但它可以完成这项工作。确保在 YouTube Frame 参数上设置了自动播放，以便也能正常工作。我希望这对你的任务有帮助，伙计！

.hiddenFrame{
    height:1px;
    width:1px;
    opacity: 0;
    }

<html>
<head>
  <title>hiddenIFrame</title>
</head>
<body>
<iframe class="hiddenFrame" width="560" height="315"
src="https://www.youtube.com/embed/T3kCQpX0H8E?autoplay=1"frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
</iframe>
</body>
</html>

您可以隐藏嵌入的 youtube 视频但仍然播放音频吗？

Can you hide an embedded you tube video but still play audio?

html

youtube