Danggn Blog is...

유용한 정보를 기록하는 '당근'입니다 !

유용한 정보를 기록합니다
대표이미지 카페24(쇼핑몰) 상품 상세 페이지에 동영상 반응형으로 추가
상세 페이지 동영상 반응형이제 쇼핑몰에도 이미지를 통해서만 상품을 보여주는 것보다 동영상을 통해 좀 더 정확한 상품을 보여주는 것으로 변화하고 있습니다. 소비자 또한 보정된 이미지 보다 좀 더 정확한 상품에 대한 동영상을 확인하는 것을 더 선호합니다. 많이 이용하시는 카페 24에 동영상을 추가하는 방법을 알려드리겠습니다. 하지만 이 방법은 다른 쇼핑몰에도 사용가능한 방법입니다.유튜브 활용유튜브 동영상 공유를 통해 URL 주소를 복사합니다. html 활용을 위해 퍼가기를 사용하지만 이 코드는 반응형으로 작동하지 않습니다. 그렇기 때문에 퍼가기를 사용하지 않고 기본 url 주소를 복사합니다.임베드 활용이제 유튜브에서 복사한 url주소를 반응형 코드로 변형해야 합니다. 아래 공식 사이트로 이동하셔서 url 주..>
category_list_image
당근 2020.11.27
(0)
대표이미지 티스토리 반응형 스킨에 동영상 사이즈 자동 조절 CSS
영상 반응형 자동 조절티스토리 를 이용하시는 분들이 부쩍 많이 늘어났다고 생각하는 요즘 제가 이용하는 팁(Tip) 중에 제일 만족했던 부분을 공유하려 합니다. 바로 반응형 스킨을 이용하시는 분들 중 영상 프레임을 소스로 가지고 왔는데 PC에서 보는 것과 모바일에서 보는 것과 차이가 있다는 것을 느껴지는 분들은 이렇게 하시면 PC 나 모바일 또는 태블릿에서 보기 좋은 사이즈로 자동조절되는 것을 확인하실 수 있습니다.CSS 코드일단 동영상 자동조절 CSS 코드입니다. 복사 붙여 넣기 하세요.divmovie { position:relative; width:100%; padding-bottom:56.25%; } .divmovie iframe {position:absolute; width:100%; height..>
category_list_image
당근 2016.11.23
(0)
상단이동 테마변경 Created with Fabric.js 1.7.22 팝업