유튜브 플로팅 팝업창에 게시글의 제목과 내용 추출
본문
유명한 플로팅 팝업 (유튜브)스킨을 활용하여 사용중에 있습니다.
그런데 문제가 썸네일을 클릭하여, 플로팅팝업으로 영상이 뜨는데, 영상과 함께, 하단부나 아무 위치에 글을올린 게시판의 제목과 내용도 함께 출력되게 하고싶은데, 참고할만한 자료나, 자문을 좀 구할 수 있을까요 ㅠㅠ?
<!-- 팝업 레이어 -->
<div class="video-popup">
<div class="video-popup-closer" id="video-popup-closer2"></div>
<?php if ($list[$i]['ca_name']) { ?><span style="color:#fff; font-size:11px; padding:bottom:5px;"><?php echo $list[$i]['ca_name']; ?></span><h4><?php echo $list[$i]['subject'] ?></h4><?php } ?>
</div>
<!-- 팝업 레이어 -->
팝업 레이어쪽에 이렇게 했는데, 출력이 되질 않아서요 ㅠ
!-->답변 1
<script>
$(".popyt").click(function() {
$(".video-popup").addClass("reveal"),
$(".video-popup .video-wrapper").remove(),
$(".video-popup").append("<div class='video-wrapper'><div class='video-wrapper_div2'><div class='video-wrapper_div'><iframe width='1000' height='563' src='https://youtube.com/embed/" + $(this).data("video") + "?rel=0&playsinline=1&autoplay=1' allow='accelerometer; gyroscope; picture-in-picture; encrypted-media' allowfullscreen style='position: absolute; width:100%; height:100%;'></iframe></div></div></div>")
})
</script>
이쪽 스크립트에서 해당글의 제목 추가해주는 태그를 넣어주시면 되겠네요