상세 페이지 동영상 반응형이제 쇼핑몰에도 이미지를 통해서만 상품을 보여주는 것보다 동영상을 통해 좀 더 정확한 상품을 보여주는 것으로 변화하고 있습니다. 소비자 또한 보정된 이미지 보다 좀 더 정확한 상품에 대한 동영상을 확인하는 것을 더 선호합니다. 많이 이용하시는 카페 24에 동영상을 추가하는 방법을 알려드리겠습니다. 하지만 이 방법은 다른 쇼핑몰에도 사용가능한 방법입니다.유튜브 활용유튜브 동영상 공유를 통해 URL 주소를 복사합니다. html 활용을 위해 퍼가기를 사용하지만 이 코드는 반응형으로 작동하지 않습니다. 그렇기 때문에 퍼가기를 사용하지 않고 기본 url 주소를 복사합니다.임베드 활용이제 유튜브에서 복사한 url주소를 반응형 코드로 변형해야 합니다. 아래 공식 사이트로 이동하셔서 url 주..

영상 반응형 자동 조절티스토리 를 이용하시는 분들이 부쩍 많이 늘어났다고 생각하는 요즘 제가 이용하는 팁(Tip) 중에 제일 만족했던 부분을 공유하려 합니다. 바로 반응형 스킨을 이용하시는 분들 중 영상 프레임을 소스로 가지고 왔는데 PC에서 보는 것과 모바일에서 보는 것과 차이가 있다는 것을 느껴지는 분들은 이렇게 하시면 PC 나 모바일 또는 태블릿에서 보기 좋은 사이즈로 자동조절되는 것을 확인하실 수 있습니다.CSS 코드일단 동영상 자동조절 CSS 코드입니다. 복사 붙여 넣기 하세요.divmovie { position:relative; width:100%; padding-bottom:56.25%; } .divmovie iframe {position:absolute; width:100%; height..