如何在加载页面时暂停iframe上的视频？

Question

我的网页上显示了一个视频，我使用iframe来显示视频而不是使用视频标记，因为使用iframe可以更轻松地将视频放入父div中。

一旦页面加载，我如何暂停播放视频？

HTML：

 <div class="parent">
<iframe class="video" id="player" src="try.mp4" frameborder="0" allowfullscreen></iframe>
</div>

CSS：

.parent{
position:fixed;
margin:0;
width:90px;
height:90px;
overflow: hidden;
}


.video{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}