PC화면에서 직접 업로드 영상이 위아래로 짤리는 걸 

max-height: 750px; 로 설정해주면 딱 맞는 사이즈로 변하는걸 보여주는 예시 영상을 캡쳐 해보았습니다.

위아래로 긴 영상 예시글)

https://itssa.co.kr/4476901

https://itssa.co.kr/4477325

예를 들어 위의 링크의 게시글 같은경우 가로 영상이 아니라 세로 영상인데

PC에서 볼때 위아래로 너무 커서 잘 안보임

같은 얘기를 한번더 설명하면...

가로영상이 있고

세로 영상이 있는데

세로영상의 경우에 

위아래로 엄청 김

빨간색이 모니터면

영상은 위아래로 넘쳐 버림.. 

브라우져에서 F12눌러서 사이즈를 수정해서 보니까

max-height : 750px; 이면 빨간색 상자 안에 잘 들어가도록 보이더라고..

max-height이 750px이면 딱 맞더라고요

같은 얘기를 한번더 설명하면...

PC에서 잇싸를 볼때 세로로 긴영상은 이렇게 위아래가 짤림

위아래가 짤림

래서 F12눌러서 max-height : 750px로고치면 이렇게 보임

그래서 750이면 너무 빡빡하게 차는거 같고 700px이 나은것 같기도.. 

css 가 img랑 video이 같이 처리가 되어 있어서

세로 비디오만 max-height: 750px;이면 좋지 않을까.. 

가로비다오는 그냥 사이즈로 나오면 되는데 

가로비디오는 문제가 없는데.. 

세로 비디오는 그랬으면 좋겠다는.. 

+

주의) img는 위에서 아래로 내려가면서 보기때문에 max-height를 지정해 버리면 엄청 긴 이미지(ex:만화캡쳐한거)가 

엄청 작아 질 수 있으므로.. 

video만 max-height를 750px;로 

css 에서 이미지  즉 img와 video를 따로 따로 써야됨 

video는 위아래 맥스가 750px이 맞는데 이미지는 750px이 맥스가 되면 난리남.. 비디오만 맥스 하이트를 줘야한다,,,,

if문을 사용해서 가로영상은 내비두고 새로영상만 높이를 최대 750px까지 라고 생각했었는데...

가로 영상도 HD규격이 1920px x 1080px 인데.. 

잇싸 가로 규격 최대가 1000px인점을 가만하면 1920px이 거의 절반 수준인 1000px로 줄어드니까 1080px도 절반인 540px언저리가된다는

540px이 750px보다 작으므로 

따라서 가로 영상도 max-height:750px을 적용해도 가로영상이나 세로영상이나 차이없이 나오게될것이다는 추측입니다.