如何扩展HTML5视频以触摸左/右边缘?

时间:2013-07-14 22:08:01

标签: html5 css3 responsive-design html5-video

我能够插入HTML5视频并使其响应(宽度=“100%”)。但是,我想让它像这个网站一样触及两个边缘:https://www.clinkle.com/team

我该怎么做?

感谢。

1 个答案:

答案 0 :(得分:2)

如果它没有“触及两个边缘”,那么你的父元素中可能有填充和边距,请尝试使用margin:0px;填充:0px;在body和html中,或者可能在某处使用某些重置css。

无论如何,视频宽度为:100%,高度为100%;在具有固定宽度和高度的容器中,根据浏览器大小通过javascript计算。