비

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% 입니다.

|

댓글 4개

좋은코드 추천 합니다.

@푸른산타 

아작스가 아니라서 링크클릭시 유튜브가 첨부터 재생되네요.

나중 아작스 얹어서 스킨 업뎃해야 할 듯 합니다만 현재로서는 업뎃 생각이 거의 없습니다.ㅋ

필요했던 기능입니다
바로 적용해야 겠군요^^
감사합니다

@미키손 

https://sir.kr/g5_skin/61264 이 스킨 설치하셔야 해요.

댓글을 작성하시려면 로그인이 필요합니다.
+
제목 글쓴이 날짜 조회
25-02-22 조회 4,242
25-02-21 조회 4,327
25-02-20 조회 4,541
25-02-20 조회 4,873
25-02-19 조회 4,513
25-02-14 조회 4,310
25-02-10 조회 4,859
25-02-08 조회 4,215
25-02-07 조회 4,932
25-02-03 조회 4,401
25-02-02 조회 4,137
25-02-02 조회 4,259
25-02-01 조회 4,396
25-01-29 조회 4,288
25-01-29 조회 4,010
25-01-29 조회 4,090
25-01-23 조회 4,310
25-01-20 조회 4,323
25-01-19 조회 4,323
25-01-17 조회 4,753
25-01-16 조회 4,364
25-01-14 조회 4,748
25-01-14 조회 4,348
25-01-14 조회 4,039
25-01-13 조회 4,257
25-01-11 조회 4,738
25-01-07 조회 5,221
25-01-06 조회 4,344
25-01-04 조회 4,629
25-01-02 조회 4,337