iframe에서 부모 창 화면 이동처리


window.top.location.href = "http://www.example.com"; 





스크립트 예시



<html>


 
<body>
<a id="play-video" href="#">Play Video</a><br /> 
<iframe id="video" width="420" height="315" src="//www.youtube.com/embed/9B7te184ZpQ?rel=0" frameborder="0" allowfullscreen></iframe>
</body>
 
<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<script>
 
$(document).ready(function() {
  $('#play-video').on('click', function(ev) {
 
    $("#video")[0].src += "&autoplay=1";
    ev.preventDefault();
 
  });
});
 
</script>
</html>


위와 같이 처리를 하면  동영상이 자동으로 플레이가 됩니다.


여기서 좀더 응용을 해보려고 했는데 iframe 같은 것을 사용하면 종종 x-frame deny 가 되는 것을 볼 수 있는데


특정 사이트는 자신의 사이트가 타 사이트에서 embed 되는 것을 막기 위해 그런 장치를 만든것 같습니다.


물론 해결하는 방법은 크롬 익스텐션 등을 설치하여 header 정보를 변경하는 방법이 존재하긴 하지만 자신의 PC에서 밖에 적용되지 않으므로 사용에 유의 해야 됩니다.

+ Recent posts