wr_link1 확장스킨에 유튜브 표현하기

https://sir.kr/g5_skin/61264

wr_link1 확장스킨에 유튜브를 표현하는 방법입니다. 린크된 스킨은 꼭 설치하세요.

view.skin.pnp 의 가장 하단부에 아래의 자바스크립트를 넣어줍니다. pc 모바일 모두입니다.

[code]

<script>
youtubeCode = "<?php echo substr(explode('www.youtube.com/watch?v=', $view['wr_link1'])[1], 0, 11); ?>";
if (youtubeCode.length == 11) document.querySelector("#bo_v_con").innerHTML = "<iframe style='display:block;aspect-ratio:16/9;width:100%;border:none;margin-bottom:20px' src='https://www.youtube.com/embed/" + youtubeCode + "?vq=highres' allowfullscreen></iframe>" + document.querySelector("#bo_v_con").innerHTML;
</script>

[/code]

링크영역 중 첫번째 유튜브링크를 표현합니다.

youtu.be 를 포함한 것은 베려하지 않았습니다.

유튜브 동영상은 반응형 16/9 이며 가로사이즈는 100% 입니다.