테스트 사이트 - 개발 중인 베타 버전입니다

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

psmjya 2년 전 조회 1,954

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

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 포인트
e
2년 전

style=width:2070px;height:1070px

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

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

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

<style>

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

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

</style>

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

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

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

로그인