HTML – 响应式全屏YouTube视频没有黑条？

概述我在我的网站上嵌入了全屏YouTube视频. 当浏览器的大小与视频的宽度和高度成比例时,它看起来很好.但是,当我将浏览器的大小调整为不同的比例时,我会在视频周围出现黑条. 我想要的是让视频始终填满整个窗口,但没有任何拉伸.当浏览器大小与视频不成比例时,我希望隐藏“多余”. 我想要实现的是你可以在这两个网站的背景中看到的东西：http://ginlane.com/和http://www.variou 我在我的网站上嵌入了全屏YouTube视频.

当浏览器的大小与视频的宽度和高度成比例时,它看起来很好.但是,当我将浏览器的大小调整为不同的比例时,我会在视频周围出现黑条.

我想要的是让视频始终填满整个窗口,但没有任何拉伸.当浏览器大小与视频不成比例时,我希望隐藏“多余”.

我想要实现的是你可以在这两个网站的背景中看到的东西：http://ginlane.com/和http://www.variousways.com/.

是否可以使用YouTube视频执行此 *** 作？

解决方法 >检查一下：
Fullscreen video without black borders
>或者这个： http://avexdesigns.com/responsive-youtube-embed/
>或者这一个： http://css-tricks.com/fluid-width-youtube-videos/ 总结

以上是内存溢出为你收集整理的HTML – 响应式全屏YouTube视频没有黑条？全部内容，希望文章能够帮你解决HTML – 响应式全屏YouTube视频没有黑条？所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。