2013年5月29日水曜日

ie8でyoutube埋め込みプレーヤーのバグ

youtube埋め込みプレーヤー(iframe)を操作するとie8のみ画面が真っ暗になる、という不具合に遭遇しました。
ie8のみのバグみたいです。

対処法はこちらのページを参考にさせてもらいました。
http://blog.romeolynx.com/article/52365723.html

サンプル作ってみました。
ie8で「消す」のボタンをクリックすると画面が真っ黒になります。
「消す2」のほうはバグ回避してるので普通に消えます。












<script>
function deleteIframe() { $('#youtube_wrapper div').replaceWith("<span>iframeを消した</span>"); }
function deleteIframe2() { $('#youtube_wrapper iframe').attr('src',''); $('#youtube_wrapper div').replaceWith("<span>iframeを消した2</span>"); }
</script>

<div id="youtube_wrapper" style="padding:20px;width:240px;height:180px;background-color:yellow;">
  <div>
    <iframe id="player" width="240" height="180" src="http://www.youtube.com/embed/2Iiy_YfpVn0?enablejsapi=1&playerapiid=ytplayer" frameborder="0" allowfullscreen></iframe>
  </div>
</div>

<button type="button" onclick="deleteIframe();">消す</button>
<button type="button" onclick="deleteIframe2();">消す2</button>

1 件のコメント: