2026, 새로운 도약을 시작합니다.

동영상 사이즈 조절 채택완료

검색한 끝에 모바일에 맞게 동영상 사이즈 조절되어 나오는것은 확인을 했는데

PC에서는 스타일로 사이즈 조정을 했더니 일부 모니터 사이즈가 다른PC에서 화면 짤림 등의 현상이 생기는데 어떻게 해결할 수 있을까요???

</div>
</div>
<div id=divPlayer style=width:2070px;height:1070px>
    <iframe style=width:100%;height:100% src="//www.youtube.com/embed/GMZi8EeuOV0?version=3&loop=1&aytuplay=1&playlist=GMZi8EeuOV0"frameborder="0" allowfullscreen></iframe>
</div>

<script>
onresize = function() {
    if (("win16win32win64macmacintel").indexOf(navigator.platform.toLowerCase()) < 0) {
        divPlayer.style.width = "100%";
        divPlayer.style.height = divPlayer.offsetWidth * 18 / 19 + "px";
    }
}
onresize();
</script>

답변 1개

채택된 답변
+20 포인트

style=width:2070px;height:1070px

이 부분을 직접 소스에 기재하지 마시고..

css 에서 따로 값을 준후에..

브라우저 폭에 따라서 값을 다르게 줘야합니다.

<style>

#divPlayer { width:2070px;height:1070px }

@media ( max-width: 2070px ) {
  #divPlayer { width:100%; }
}

</style>

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인
🐛 버그신고