从嵌入的YouTube视频的任一侧删除黑条

Question

我已在this webpage上嵌入了YouTube视频。

我想删除单击播放时出现的两个黑条。

请参见此处的截图：

我搜索了Stack Overflow，我发现最接近的是这个，但它没有帮助：

How to remove black bar from the YouTube videos

所以我尝试使用以下CSS调整视频：

while (true){
    for (var r=0; r< num_players;r++){
        for (var c=0; c< colores.length;c++){
            $("#player_"+r+"_"+colores[c]).html(players[r][colores[c]])

        }
    }
}

起初我尝试调整视频，然后我也尝试调整视频容器元素，但都没有工作。

任何CSS大师都可以帮助我吗？

我希望视频的大小与点击播放前显示的缩略图相同。

提前致谢。

Answer 1

对于YouTube框架而言，这似乎比css更具问题。

YouTube框架与页面一样宽，但与实际视频一样高。这意味着将会有很多的额外空间，它必须填充一些东西！

只要YouTube框架比实际视频宽，就会有黑色空间。您需要将YouTube相框的宽高比与实际视频相匹配。