I have this code which is used to center a video:
<style>
.DivParse
{
position: relative;
padding-bottom: 56.25%;
}
.DivParse iframe
{
position: absolute;
width: 100%;
height: 100%;
}
</style>
<center>
<div style="max-width: 691px; width: 100%;">
<div class="DivParse">
<iframe src="https://www.youtube.com/embed/2QKg5SZ_35I" frameborder="0" allowFullScreen></iframe>
</div>
</div>
</center>
When running this code on a browser, the video is centered.
Try to code that code on iPhone Safari and see how the video is pulled to the right.
This is due to the code which embeds all this to make the video auto resize accordingly to various medias. However, center is center and it should be centered. But, there is a conflict here and it doesn't. Basically, I need an adjustment in there so it would be centered if the width is greater than 691 pixels or simply shown as is in iPhone Safari.