Youtube video boyutunu mobile ayarlama

Arkadaşlar web sitemde youtube videolarını iframe veya embed kodu ile ekliyorum ama site masa üstü versiyonda sorun yok fakat mobil girildiği zaman video mobile göre boyutu ufalmıyor.

<iframe class="content-iframe__item" width="700" height="500" src="https://www.youtube.com/embed/<%=hb("embed")%>?showinfo=0&wmode=transparent" frameborder="0" allowfullscreen></iframe>

bu kodua nasıl bir css kodu ile otomatik boyutunu ayarlarım.

teşekkürler.

<div class="embed-responsive embed-responsive-4by3" style="max-width:800px;" align="center">
<iframe id="videom" class="embed-responsive-item" src="videoadresiii buraya"></iframe>
</div>

Bu kodu deneyebilirsin bootstrap için