테스트 사이트 - 개발 중인 베타 버전입니다

최신글 배경이미지 유튜브 썸네일 넣은 방법,,,ㅠ 채택완료

<최신글 리스트 내 코드>

</p>

<p>  <?php

    for ($i=0; $i<1; $i++) {

        $thumb = get_list_thumbnail($bo_table, $list[$i]['wr_id'], $thumb_width, $thumb_height);

        if($thumb['src']) {

            $img = '<img src="'.$thumb['src'].'" alt="'.$list[$i]['subject'].'" width="'.$thumb_width.'" height="'.$thumb_height.'">';

        }

    ?></p>

<p>    <div class="latestPost excerpt" style="background-image: url(<?php echo $thumb['src'] ?>);">

      <a href="<?php echo $list[$i]['href'];?>">

          <header>

             <div class="post-info">

                 <span class="thecategory"><?php echo $list[$i]['ca_name']?></span>

              </div>

             <h2 class="title front-view-title">

               <?php echo cut_str(strip_tags($list[$i]['subject']),30);?>

             </h2>

              <div class="front-view-content">

                <?php echo cut_str(strip_tags($list[$i]['wr_content']),80);?>

              </div>

          </header>

      </a>

    </div>

<?php }?></p>

<p>

 

 

위와 같이 배경이미지에 첨부파일#1의 이미지를 노출하고 있는데...

유튜브 영상 삽입하여 섬네일이 상생될시 섬네일 이미지를 노출하고 싶습니다~ㅠ

 

 

<게시판 리스트에서 노출되는 썸네일 코드>

</p>

<p>    <?php if(!$list[$i]['wr_4'] || $list[$i]['wr_4'] == "noimg"){?>

      <?php if($thumb['src']) {?>

        <img src="<?php echo $thumb['src']?>" alt="<?php echo $list[$i]['subject'] ?>" class="w-100">

      <?php } else { ?>

        <img src="<?php echo $board_skin_url?>/img/noimg.png" alt="<?php echo $list[$i]['subject'] ?>" class="w-100">

      <?php } ?>

    <?php } else { ?>

      <img src="<?php echo $list[$i]['wr_4'];?>" alt="<?php echo $list[$i]['subject'] ?>" class="w-100">

    <?php } ?></p>

<p>

 

도움 간절히 바랍니다....ㅠㅠ

댓글을 작성하려면 로그인이 필요합니다.

답변 2개

채택된 답변
+20 포인트

https://img.youtube.com/vi/ echo $list[$i]['유튜브코드칼럼'] ?>/maxresdefault.jpg');">

이런 식으로 하면 되지 않을까요?

유튜브에서 기본적으로 제공해 주는 썸네일입니다.

https://img.youtube.com/vi/유튜브코드/maxresdefault.jpg

로그인 후 평가할 수 있습니다

답변에 대한 댓글 6개

답변 정말 감사드립니다~ 이런 방법도 있군요!
다만... 영상이 없을 때는 첨부파일 섬네일 이미지가....
영상이 있을 때는 유튜브 섬네일 이미지가 들어가길 원하는데... 위의 방법으로는 유튜브영상 섬네일에만 대응되는 방법이라 적용하기가 힘들어서요..ㅠ
if ~ else 방식으로 하면 좋을 것 같은데... 짧은 실력으로는 자꾸 에러가 나서요!ㅠ
혹시 방법이 없 을까요~ㅠ
유튜브 주소나 유튜브 코드 그런 게 어느 칼럼에 들어가나요?
wr_4에 들어가는 건가요?
어떤 형태로 들어가 있는지 알 수 있을까요?
아~ 주소 전체가 들어가는 형태입니다!
https://www.youtube.com/watch?v=jK2AVbc0YX8
이런식으로요~
[code]
<?php
$thumbnail = "";
if($list[$i]['wr_4']) { // 유튜브 주소가 있을 경우
$pattern = '%(?:youtube(?:-nocookie)?\.com/(?:[^/]+/.+/|(?:v|e(?:mbed)?)/|.*[?&]v=)|youtu\.be/)([^"&?/ ]{11})%i';
preg_match($pattern, $list[$i]['wr_4'], $match);
$thumbnail = "https://img.youtube.com/vi/".$match[1]."/maxresdefault.jpg";
} else {
$thumbnail = $thumb['src'];
}
?>
<img src="<?php echo $thumbnail; ?>" onerror="this.src='<?php echo $board_skin_url?>/img/noimg.png'" alt="<?php echo $list[$i]['subject'] ?>" class="w-100">
[/code]
시간 들여 답변해 주셔서 너무 감사드립니다~
마지막에 주신 코드를 약간 수정해서 적용하니 잘 됩니다~!!
너무너무 감사드립니다~
<게시판 리스트에서 노출되는 썸네일 코드>
이 부분을 대체하신 건가요?
썸네일이라 하셔서 위에 쓰신 코드를 수정한 거라서 저 부분에 넣으셔야 해요.

댓글을 작성하려면 로그인이 필요합니다.

위쪽 코드로 답변 드립니다

wr_4에 동영상 ID만 입력했을 때(전체 주소를 입력하면 ID만 추출하는 코드를 만들어야 함)

 

3행 수정

 

if($list[$i][wr_4]){

$list[$i][wr_4] = trim($list[$i][wr_4]);

$thumb['src'] ="//img.youtube.com/vi//mqdefault.jpg";

}

else $thumb = get_list_thumbnail~~~

 

4행~ 5행 삭제 후

if(!thumb['src']) $humb['src'] ="../img/no_image.gif";

 

로그인 후 평가할 수 있습니다

답변에 대한 댓글 2개

답변 너무 감사합니다~
말씀해주신 것을 기반으로 수정했는데! 이미지가 나타나질 않습니다.~ㅠ

<div class="latestPost excerpt" style="background-image: url(//img.youtube.com/vi/<?=Array[wr_4]?>/maxresdefault.jpg);">
(....중략....)
</div>

위와 같이 코드가 노출되어서요...ㅠ


[code]
<?php
for ($i=0; $i<1; $i++) {
if($list[$i][wr_4]){
$list[$i][wr_4] = trim($list[$i][wr_4]);
$thumb['src'] = "//img.youtube.com/vi/<?=$list[$i][wr_4]?>/maxresdefault.jpg";
}

else $thumb = get_list_thumbnail($bo_table, $list[$i]['wr_id'], $thumb_width, $thumb_height);

if($thumb['src']) {
$img = '<img src="'.$thumb['src'].'" alt="'.$list[$i]['subject'].'" width="'.$thumb_width.'" height="'.$thumb_height.'">';
}
?>
[/code]

다시 한 번 도움 청해드려봅니다..ㅠ
시간들여 답해주셔서 너무 감사드립니다~!

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인

전체 질문 목록