safari iphone のみyoutube の表示(高さ)が崩れる

Question

教えてください。
アンドロイド携帯では画面いっぱいにyoutube画像が表示されますが、
iphoneだと崩れてしまいます。
画像を添付します。

＜アンドロイド＞
画面いっぱいに動画表示

＜iphone＞
height:422px;が効いていない

HTML

 <div class="videoPlayer">
              <object
                type="application/x-shockwave-flash"
                style="width:100%; height:422px;"
                data="https://www.youtube.com/v/aLtfMuXglDU"
              >
                <param
                  name="movie"
                  value="https://www.youtube.com/v/ZaMB0uALNEE"
                />
              </object>
            </div>

css

@media (max-width: 767px)
.videoPlayer {
width: 100%;
}

HTMLに直書きしたheight:422px;が
safariだと効かないようです。
すでにアップしているので、html直書きだけで修正できますか？
初心者の質問で申し訳ありません、ご回答くださいますよう、よろしくお願いいたします。