显示iframe视频较小的iOS设备

Question

我正在嵌入一个kickstarter视频的问题。它适用于除iOS设备之外的所有内容。 iframe容器的大小正确，但是当播放视频时，它会缩小约25％。

我做了一些研究并尝试修复它，但没有任何对我有用。它似乎是一个CSS冲突。

以下是我iPad上的截图：

http://louisreed.co.uk/tiddlybot/screenshot.png

HTML：

<div class="video-container">
    <div class="embed-container">
        <iframe src="https://www.kickstarter.com/projects/1320310506/tiddlybot-fun-and-simple-raspberry-pi-robot/widget/video.html" frameborder="0" scrolling="no"> </iframe>
    </div>
</div>

CSS：

.video-container {
width: 75%;
margin: 0px auto;
}

.embed-container { 
height: 0;
width: 100%;
padding-bottom: 56.25%;
overflow: hidden;
position: relative;
}

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

欢迎任何帮助或建议，干杯！