Question

我正在尝试嵌入视频电影，但它们没有缩放，看起来像你知道什么。

另外，我无法在vimeo.com论坛上发帖。谷歌也没有帮助。

以下是一个例子，vimeo电影与YT电影相比：

http://jsfiddle.net/LYt3R/

有什么想法吗？

Answer 1

我有类似的问题。我正在实施一个移动网站，我希望根据访问者设备的屏幕分辨率进行自动缩放。

此链接很有趣：http://webdesignerwall.com/tutorials/css-elastic-videos/comment-page-1

这是一个完整的帖子：

http://css-tricks.com/NetMag/FluidWidthVideo/Article-FluidWidthVideo.php

这个解决方案并不完美，但我发现这个想法更好。

基本的CSS和HTML代码是：

    .video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}

.video-container iframe,  
.video-container object,  
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}


<div class="video-container">
<iframe src="http://player.vimeo.com/video/6284199?title=0&byline=0&portrait=0" width="800" height="450" frameborder="0"></iframe>
</div>

Vimeo视频嵌入问题（无缩放/黑色区域）。示例包括

1 个答案: