상세페이지 유튜브 사이즈 문의드립니다.
본문
https://sir.kr/g5_tip/13299 팁의 내용입니다.
영카트 상품뷰 item.form.skin.php
<script type="text/javascript">
$(window).resize(function(){resizeYoutube();});
$(function(){resizeYoutube();});
function resizeYoutube(){ $("iframe").each(function(){ if( /^https?:\/\/www.youtube.com\/embed\//g.test($(this).attr("src")) ){ $(this).css("width","100%"); $(this).css("height",Math.ceil( parseInt($(this).css("width")) * 480 / 854 ) + "px");} }); }
</script>
위의 스크립트로 유튜브 반응형으로 모바일 보기시에 정상적으로 됩니다.
상품설명 > html > 유튜브를 올리고 Editor 로 보면 정상이나
<iframe width="500" height="300" src="유튜브 주소" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
저장후에 상세페이지를 보면 사이즈가 적용이 안됩니다.
고수님 도와주세요~!
답변 2
에디터에서 작성한 스크립트 및 태그의 아이디 등은 보안 문제로 제거 되어 출력됩니다.
에디터가 아닌 해당 php파일에서 직접 수정하셔야 합니다
답변 감사합니다.
스크립트는 item.form.skin.php 에 넣은 거구요
에디터에 <iframe width="500" height="300" src="유튜브 주소" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
을 넣은거에요~
유튜브 태그가 불러와진 후 해당 태그가 실행되어야 합니다
해당 태그가 상단에 있거나 해당 유튜브태그보다 위에 있는지 확인해보세요
item.form.skin.php 파일 제일 하단에 입력된 상태입니다ㅠㅠ
스크립트 삭제하면 pc는 사이즈 적용되어 출력됩니다.
여분필드를 이용해서 링크를 올리고
view.skin에서 영상용 출력소스를 추가해주는게 좋습니다
답변 감사합니다. 간단한 예시 부탁 드려도 될까요 ?
<iframe width="640" height="360" src=\"http://www.youtube.com/embed/<?=분여필드?>?feature=player_embedded" frameborder="0" allowfullscreen></iframe>
해보겠습니다.
