동영상 사이즈 조절
본문
검색한 끝에 모바일에 맞게 동영상 사이즈 조절되어 나오는것은 확인을 했는데
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
style=width:2070px;height:1070px
이 부분을 직접 소스에 기재하지 마시고..
css 에서 따로 값을 준후에..
브라우저 폭에 따라서 값을 다르게 줘야합니다.
<style>
#divPlayer { width:2070px;height:1070px }
@media ( max-width: 2070px ) {
#divPlayer { width:100%; }
}
</style>