我的网站上有一个页面，用户可以在其中使用典型的 youtube 视频
<iframe width="560" height="315"
src="https://www.youtube.com/embed/T3kCQpX0H8E?autoplay=1"frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
大多数用户使用它在其他用户访问时在其页面上自动播放歌曲。有没有办法隐藏视频，音频播放的位置而不是视频。我想通过在用户访问时不显示这样的视频来使我的网站对移动设备更轻松，因为一些用户抱怨它会削减他们的数据
一个快速的解决方法，尽管如此，DOM 操作的最佳做法是通过将其高度和宽度保留为 1px 并将其不透明度保留为零来基本上隐藏此框架。同样，我不认为这是一个好的做法，但它会完成这项工作。确保在YouTube帧参数上设置了自动播放，以便正常工作。我希望这对你的任务有所帮助，伙计！
.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>